微信小程序

　近两年是私域基建的要害年，越来越多的行业头部玩家纷纷下场布局小程序私域经营矩阵，随着微信平台一直买通小程序与微信各方生态利用的互通互联，小程序的商业生态已越发饱满。能够说，小程序早已成为企业提供线上服务的标配商业基建，甚至成为私域建设的数字化工具。　在年初的微信公开课Pro上，颁布了2021年微信小程序日活已超过 4.5 亿，在商业服务场景中，有交易的小程序数量同比晋升28%，日均交易用户数同比增长80%。小程序自上线五年后，凭借易触达、强社交，极低门槛等劣势成为挪动电商中的重要组成状态。　而近两年，随着“私域”概念被越频繁的提及，行业内对私域的侧面定义也趋于清朗，2021年10月，腾讯智慧批发联结包含优衣库、丝芙兰、联想、昌盛优选、麦当劳在内的23家服装、珠宝、美妆、餐饮等畛域头部企业，正式公布《2021智慧批发私域增长指南》。首次全面解析“公私域”，并对“公域流量”“私域用户池”“公域门店”“私域门店”等外围概念的外延、内涵及价值作了明确定义和系统化论述。现在，如何构建并胜利经营私域，曾经成为各大企业谋求可继续倒退的久远之计。　在这样的市场需求下，微信小程序正是搭载私域经营的最好载体，甚至成为商家必争的私域主阵地。为什么说做私域必用小程序？一方面，小程序自身轻利用劣势显著，无需下载安装、强社交、易触达等独特应用劣势，让用户轻易就能取得整个海量轻利用市场。小程序提供的多元化服务，曾经在五年中造就出公众的行为习惯，受众度和使用率极高。同时小程序的权限入口大开，曾经笼罩了微信生态全场景。微信敞开了小程序关上APP的门路，却关上方向任意门，容许短信、H5、网页、邮件、APP 等内部场景跳转进入小程序，造成以社交分享为基石、向“泛生态”扩散的推广链路。　另一方面，如果企业只是把小程序当做繁多商业工具未免太过低级了，小程序生态的最大实力正是在于和公众号、视频号、企业微信、社群等数字化生态工具的强强联合。通过这些产品生态，不仅能为小程序提供源源不断的热度、引流，关联门路跳转，还能赋能小程序所缺失的内容、视频营销智能，不断丰富小程序的商业状态。近两年，随着微信社交营销的衰亡，大家能够发现私域做的比拟好的行业玩家都是利用小程序+微信生态利用+社群来联结搭建经营私域，比方做到中式快餐No.1的老乡鸡，正是应用小程序做门店数字化基石，汇合公众号、社群经营等花式玩法，无效盘活了“存量”用户市场，实现门店超千家的宏大规模。置信随着小程序的遍及倒退，将来私域将成为水和电一样的企业根本经营配置。私域建设，宜早不宜迟。　木鱼小铺作为一家专一于新批发小程序解决方案的服务商，领有超过15年的高端用户体验设计与开发教训，成立至今始终为宽广商家提供从定制开发到上线经营的一站式服务。木鱼小铺保持用数字终端+小程序，买通线上和线下，发明新批发企业的数字化整合销售。致力于帮忙线下企业解决经营过程中遇到的“效率、品牌、营销、数据”四大难题。目前已为烘焙茶饮、超市便当、生鲜水果、外卖餐饮、鲜花礼品、服装母婴、批发零售、特色街区等八大批发行业定制私域新批发小程序解决方案。 在私域经济席卷国内批发行业的时代背景下，很多头部玩家除了把小程序当做数字化解决方案的根本配置，还擅用企业微信来作为链接多方沟通的标配工具。企业微信正是因为可能满足对内、对外、对应供应链上下游等场景沟通、治理、营销等职能需要，而在定位和性能上都胜利区别于钉钉等繁多办公模式微利用。 木鱼小铺基于宽广企业对客户SCRM零碎的需要，打造全新私域经营的最佳载体——木鱼企微助手！造成与小程序配套互通的企业微信私域经营解决方案，通过企业微信强化企业私域营销、治理能力、用户精细化经营、晋升经营和转化效率，助力企业业绩持重增长！

1.如何导入已有我的项目如下图所示，首先关上微信开发者工具 点击导入按钮，抉择方才已解压进去的miniprogram-demo文件夹门路 点击新建按钮，即能够失常导入并关上该我的项目 2.miniprogram-demo我的项目简介该demo我的项目下基于初始化模板我的项目，新增了四个界面（login、userInfo、list、listDetail），小程序首页以后为page/login/index页面， 拿首页页面开发举例该页面显示成果如下 页面次要有两个输入框，及一个登录按钮组成，页面标签局部的代码如下 对应的输出事件处理及提交事件逻辑代码如下图 根本语法局部及可应用的微信原生调用API能够先过一遍的官网语法文档介绍，地址如下模板局部：https://developers.weixin.qq....API局部：https://developers.weixin.qq.... 页面的题目局部配置信息如下 附上源码下载地址：某云如有不懂的中央能够留言交换，技术是无止境的，还望多多学习。

STEP1：后期软件装置及根本页面配置1. 电脑上须要装置node环境，下载地址如下https://nodejs.org/zh-cn/举荐下载长期保护版本，如下图所示 Node装置：间接点击下载后的msi文件，默认点击下一步进行装置，装置后，关上cmd，输出指令node -v确定node是否有失常装置，如有呈现下图中所示版本号，阐明装置胜利 2. 下载微信开发者工具，下载地址如下https://developers.weixin.qq....举荐下载稳定版，如下图所示 微信开发者工具装置步骤：关上下载好的exe文件，默认点击下一步，直到呈现抉择装置地位，切换到本机软件装置门路即可 切换装置门路后，点击装置 3. 微信开发者工具应用步骤首次应用，需手机微信扫码确认登录，登录后，会呈现如下界面 点击加号，会呈现我的项目初始化配置界面，能够参考下图所示程序编辑我的项目初始化配置内容（备注：初学时，AppID选项能够先抉择测试号，前期能够在开发者工具下切换AppID）（后端服务选项，后期能够不抉择云开发，前期业务如有须要能够再加上） 点击新建之后，会主动呈现实例我的项目界面，如下所示 4. 微信小程序开发简介首先形容一下我的项目门路下，次要几个文件的作用 app.json (全局配置文件) 官网文档阐明地址如下https://developers.weixin.qq.... 例如，上图中右侧显示的pages数组，数组下存储的是小程序的页面门路列表，小程序关上时，默认关上页面为该数组的第一项， app.wxss (全局款式文件)官网文档阐明地址如下https://developers.weixin.qq....该文件下的款式，小程序下的所有页面都能够援用到，语法与css大致相同，尺寸单位应应用官网举荐的rpx， 例如 width: 200rpx; app.js(小程序逻辑文件)官网文档阐明地址如下https://developers.weixin.qq.... 全局下的专用变量能够寄存在该文件下的globalData内，编辑全局变量操作的具体应用形式，后续章节会介绍 5. 如何新增一个页面？选中我的项目下的page文件夹，右键，点击新建文件夹 输出文件夹名称，例如login 选中login文件夹，右键，抉择新建page 输出page名称，例如index，按下回车按钮，此时新页面就创立胜利了，以后我的项目构造会更新成如下构造 且此时，app.json文件下,pages数组会主动填充方才新建的页面门路，如下图所示 调整数组下的门路程序，将page/login/index的程序临时调到第一位，如下所示 此时执行保留文件操作（ctrl + s），左侧模拟器内，会呈现如下界面 该页面显示的内容即为page/login/index.wxml文件下显示的内容 如何了解新建page后文件夹下呈现的四个文件用处？附上官网简介，（简略了解为：逻辑层和视图层离开在两个文件下做解决） 如何批改页面显示内容？举一个简略点的例子：关上page/login/index.wxml文件，批改文件下的内容为下图所示内容，保留文件 此时页面即呈现方才编辑后的标签内容 微信小程序能够应用哪些标签？这个局部能够参考官网文档下对标签内容的介绍（能够简略先过一遍）https://developers.weixin.qq.... STEP2：小程序申请AppID及提交公布1. 关上微信公众平台官网，https://mp.weixin.qq.com/ 点击右上角注册按钮，按页面提醒内容填写信息后提交即可 2. 失常注册之后，从新进入微信公众平台官网，扫码登录点击页面左下角的设置，如下图所示， 点击后滑动至页面底部，找到AppID，并复制，如下图所示 复制结束后，回到微信开发者工具内，点击页面右上角的详情按钮 在呈现的小程序详情弹窗内点击批改按钮，粘贴进去方才复制进去的AppID,失常批改后，开发者工具内会呈现如下操作按钮 点击上传，呈现版本信息填写框，按理论状况填写即可，例如 编辑结束后，点击上传按钮，稍等片刻，即会呈现上传后果，例如 上传胜利之后，咱们关上浏览器下的微信公众平台界面，点击页面左上方的版本治理 右侧页面即会看到咱们方才提交的版本信息，如下所示 点击提交审核，填写相干审核信息后，点击提交按钮，此时返回前一个版本治理页面，审核版本模块下会呈现方才提交的版本信息，待官网审核通过后，右侧才会呈现一个公布按钮，点击公布并抉择全量公布即可。

　间隔往年的母亲节还有一个月的工夫，对于花店商家来说又是一个收益满满的营销节点。微信小程序凭借本身劣势早已为线下花店带来了新商机，如何借助小程序去带来更多订单转化，做好节日营销？上面就随木鱼小铺来看看吧！ 花店小程序如何做好节日营销　1、开明左近的小程序，搜一搜性能　商家能够开明左近的小程序性能，主动为您带来方圆五公里的用户流量，吸引左近用户点击浏览下单，搜一搜也能减少店铺的曝光度。　2、善用营销插件　商家当初就能够开始做节日营销流动预热了，通过提前不同时段节点预热，使用好小程序的营销插件，比方秒杀、限时抢购、砍价、多人拼团、直播等，可针对不同生产人群特色，推出不同价位的鲜花套餐，而拼团等营销形式能在较短时间内裂变转化更多新用户，包含小程序的店铺首页也能够提前上新节日流动，商家能够设置好派送或取货的时间段，不便商家正当调配鲜花的筹备工夫，不仅可能缩小花材损耗也能够进步门店效率。　3、施展社群营销　商家肯定要学会社群营销，小程序基于微信生态倒退，而每个微信用户都领有本人的熟人圈，如果不利用好这些潜在客户群体，真的太惋惜了。商家能够联合小程序/公众号/粉丝群/朋友圈一起发展营销流动，比方公众号/朋友圈/粉丝群发营销推文，附带小程序二维码，被动推送给客户，也能够设置一些转发集赞有优惠的流动。通过这些宣传形式，制作节日营销气氛，挖掘出平时关注花店商家的一些潜在客户和需要客户。　以上就是如何借助花店小程序来做教师节营销的一些倡议啦，商家能够联合本身的理论状况开展营销流动，做好一个胜利的节日营销不仅能为店铺带来销量，还能晋升品牌价值。心动的商家敌人们连忙口头起来吧！

　分销是近两年比拟火的一种线上营销形式，常见的是二级分销模式，利用分成或奖金让分销员取得利润，从而带动更多的消费者退出进来，实现商家小程序的裂变流传和订单转化盈利。那么，做一个带分销性能的小程序要多少钱？追随小木一起来看看吧。 首先，咱们要明确业务需要和模式，只是须要有分销性能就行，还是专门做分销类小程序？如果只是想把分销作为必备营销性能，只须要抉择带有分销的模板小程序或者定制时减少分销性能即可。如果想要做一个业余分销商城小程序，则要依照理论需要去掂量开发计划。上面小木依照小程序开发形式来聊聊分销小程序的制作价格。　1）模板小程序　当初小程序的开发技术曾经相当成熟了，模板小程序也再也不是性能简略的代名词。有技术实力的服务商都能提供如分销、多门店零碎等高阶性能在内的小程序模板套餐，这也是实现分销性能最简略的开发方式。那如何抉择模板小程序？就要依据咱们的业务需要来列举性能明细，个别带有分销性能的模板小程序定价在几千不等，大家能够依据功能表去抉择适合的模板套餐即可。模板小程序开发周期短，性能的开发和保护都由平台方负责的，商家只需做好日常的经营工作，对中小型商家来说性价比更高。　2）定制开发　定制开发则在分销零碎和性能上没有什么限度，可能最大水平实现事实需要。咱们还是要先明确经营模式、业务模式等等，再和服务商对接开发需要，由服务商开发交付，提供独立源码。因为从0开始，全程投入的人力物力工夫都更多，视开发难度，开发价格个别在几万至数十万不等。开发工夫最多数月不等，所以倡议最好抉择有实力且提供稳固售后服务的服务商单干，不便更好地沟通和防止项目风险，也能保障后盾的稳定性与产品的优化与迭代。　以上就是分销小程序开发价格介绍，分销性能为对外推广带来更多可能，操作起来却简略高效，在分销过程中对商家的知名度都有着十分好的宣传成果。

微信小程序早已深刻咱们生存的各个场景，微信平台一直买通小程序在微信生态的分割跳转，以实现多场景触达用户。那么，小程序到底凋谢了多少流量入口？依据咱们的不齐全统计，小程序流量入口已超80个，木鱼小铺整顿了这份截止目前全网最全的88个小程序流量入口清单，并从其中梳理出最具流量价值的10个小程序入口，供大家参考！

　人不知;鬼不觉行将进入四月，迎来世间最美的四月天，有人打算着宅家躺平，有人打算着回乡祭祖，有人打算着奔赴一场山和海的约定。而咱们小程序营销人满脑子想的都是：如何借势营销？　小木听到很多商家说四月是个营销旺季，没有大节日不说，能够用到的营销节点也非常少，不晓得做什么流动？不晓得怎么做营销流动？小木精心整顿了四月营销倡议汇总，在此为小程序经营/电商经营的小伙伴们奉上这份4月营销日历，4月到底怎么做小程序营销？看完这篇再说！

　随着微信商城小程序市场经济规模的日益扩充，越来越多的线下实体店商家想要尝试开发商城小程序来买通线上经营渠道，那么有哪些线下实体店适宜开发商城小程序呢?让咱们一起来理解。　哪些线下实体店适宜开发商城小程序：　1、餐饮业　简直所有线下餐饮实体店都能够开发小程序，餐饮点的经营痛点是受到实体门店限度，引流获客较难，能够借助的营销伎俩也无限，这些问题都能在商城小程序里失去解决。同时小程序可经营模式多样，能够满足用户点餐、外卖、预约、领取等多种场景需要，也节俭了门店经营人力老本。　2、酒店行业　酒店开发小程序能够提供导航、预约、征询、店面展现、餐饮等性能，不仅可能满足用户低频应用需要，也能够强化用户对品牌的印象，更容易进步用户对品牌的认知度。同时酒店领有本人的小程序，产生的每笔预约也不会像在第三方平台那样产生佣金费用。　3、电影院、美容店、推拿店等服务行业　一般来说都是展现本人的店铺地址、服务内容，购票、预约服务工夫和我的项目。用户和商家都能够提前合理安排工夫布局，为商家吸引更多潜在用户。　4、医院　置信大家都有过在医院排队的工夫，不仅节约大量的工夫，还让人身心疲乏。当初越来越多的商家接入小程序，不仅可能实现挂号、信息展现、导航、领取、查看报告等性能，还让医院的服务流程更加简化，进步了用户体验。　5、家政行业　无论是家政保洁、搬家用车还是装修徒弟上门都能通过小程序提供服务，这种低频的应用需要更适宜小程序，不必一个一个去下载软件，只有点击就能应用，用完退出即可，十分的不便。　6、游览行业　当咱们有旅行需要时，就能够通过相干景点、旅行社小程序，理解本人心仪的景区信息，热门景点介绍，路线布局等。还能够通过小程序，间接预订景区门票，游览车，索道票，无效防止游览淡季到服务中心现场排队的问题。　7、鲜花店　花店也很适宜应用小程序，能够借助商城小程序的丰盛营销性能打响各大节日节点营销，也能够配置到店取货、外卖等配送形式。商家能够利用小程序引流，领先立足鲜花市场，实现线上线下一体化经营　以上便是一些适宜开发商城小程序的线下实体店，当然除此以外，还有很多的实用场景。商家开发小程序后，可能带给用户更舒服，更便捷的体验，也能帮忙商家实现线上线下一体化经营。

微信小程序开发过程中，遇到这么一个状况：须要遍历对象的key-value，而后渲染到视图中。 1，数据如下：const PUBLIC_COURSE_CHOICE_ITEMS = { math: { subject: '数学', children: [ { id: 1, title: '数一' }, { id: 2, title: '数二' }, { id: 3, title: '数三' }, { id: 0, title: '待定' } ] }, english: { subject: '英语', children: [ { id: 4, title: '英一' }, { id: 5, title: '英二' }, { id: 0, title: '待定' } ] }, politics: { subject: '政治', children: [ { id: 6, title: '政治' } ] }};2，设置wx:for的index为key，即指向对象的key，通过key-value的形式进行取值 ...

　小程序相比APP有哪些劣势？目前市场上各种商城小程序被宽泛应用，那小程序和APP到底有什么区别？小程序能代替APP吗？咱们来比照理解一下商城小程序的劣势。　一、实质概念　先来辨别下两者的概念，APP软件想必大家都不生疏，指的是智能手机的第三方应用程序，从不同的利用平台下载安装到手机上应用。而小程序则是基于微信生态搭建倒退，无需下载，即用即走，轻松实现基本功能。　二、小程序相比APP的劣势　1、用户群体更宽泛　载体不同则用户群体不同，APP面向所有应用智能手机的用户下载，往往须要用户被动搜寻下载，而小程序面向12亿+的微信用户，无疑坐拥微小的流量池，更利于商家引流扩客。　2、用户体验　APP从利用商城里下载，本身占用手机内存空间，并随着用户的日益应用，产生数据越多，甚至导致系统反馈慢、操作卡顿等景象，须要用户定期清理缓存。而小程序通过微信扫码或者搜寻可间接获取应用，不须要下载安装，简直不占手机内存，也不会影响手机运行速度，即用即走，应用便捷都是小程序最大的特点。　3、开发难度　APP对开发的技术要求更高，开发成本更多，开发周期长，须要放弃周期性零碎更新降级。针对不同零碎的手机要适配多种机型，并在不同的利用商城上线须要先通过不同的平台审核。小程序开发门槛和老本更低，特地是对个体户或中小型商家来说操作更易上手，如果商家没有足够的技术能力去单独开发，也能够寻找第三方新批发小程序开发商制作。小程序一次开发就能实用于所有机型，只有提交给微信平台审核即可。　4、经营推广　APP须要有优良业余的团队负责经营，推广老本高，想要获取肯定的成果难度较大。而小程序商城一方面同步领有超12亿微信用户，一方面用户活跃度和引流成果更好，小程序入口更多，更不便用户分享，如小程序分享朋友圈，公众号可跳转小程序等性能，商家还能够利用微信小程序进行直播卖货，晋升业绩。而小程序可配置的营销功能丰富且弱小，联合微信社群属性，更易裂变引流。　综上不难看出，小程序的的确领有一些APP没有的劣势，这也是为什么当初小程序和私域流量被越来越频繁的绑定提及。

1.找到微信小程序在设施中的地位 安卓:/data/data/com.tencent.mm/MicroMsg/{{user哈希值}}/appbrand/pkg/iOS越狱:/User/Containers/Data/Application/{{零碎UUID}}/Library/WechatPrivate/{{user哈希值}}/WeApp/LocalCache/release/windows:C:\Users{{零碎用户名}}\Documents\WeChat Files\AppletmacOS:/Users/{{零碎用户名}}/Library/Group Containers/5A4RE8SF68.com.tencent.xinWeChat/Library/Caches/xinWeChat/{{user哈希值}}/WeApp/LocalCache/release2.获取安卓的微信小程序包(这里是因为市面上只有安卓小程序解包的脚本)@1.首先下载安卓模拟器NoxAppPlayer(夜神模拟器),这个运行速度最快，也不会被微信辨认为模拟器@2.在模拟器商店下载微信，登录微信号，搜寻小程序关上后，会在/data/data/com.tencent.mm/MicroMsg/{{user哈希值}}/appbrand/pkg/ 门路下有下载过后的小程序包@3.如何从模拟器中将小程序包导出来，网上很多说用什么模拟器的文件管理器，纯属蠢蛋，其实这个模拟器上的文件管理器不好用，咱们这里采纳adb 把包拉进去: 1.先启动夜神模拟器2.连贯夜神模拟器adb connect 127.0.0.1:620013.adb pull + /data/data/com.tencent.mm/MicroMsg/{{user哈希值}}/appbrand/pkg/xcx.wxapkg门路(微信小程序后缀)3.下载解压小程序脚本:https://github.com/qwerty4721...点进去一看，我擦脚本被删掉了，只剩一个readme,不过这个可难不倒我，我间接从forks里找了一个之前的forkhttps://github.com/c21211/wxa...下载下来之后，就能够解压了node wuWxapkg.js test.wxapkg解压进去的小程序js其实是压缩过的，须要解压缩轻易找一个了：https://c.runoob.com/front-en... ，因为网站解压缩的字符大小有限度，js文件太大的话要分段复制解压，在人工合到一起

　随着视频号性能不断完善，视频号直播带货成为了又一轮流量变现的风潮。有人说视频号直播带货是小程序的高配玩法，小木却感觉光直播卖货还不够！ 小程序商家不仅能够搭上视频号的流量逆风车，还可能玩出新花样！木鱼小铺针对视频号经营需要进行版本迭代更新，期待已久的小程序跳转视频号性能曾经实现了！只有是同一主体，就反对跳转！　一、视频直播+小程序　视频号让内容种草有了更直观的新形式，能够实现从商城小程序内一步跳转到视频号直播间，以及在小程序内发动视频号直播预约。在视频号直播间，商家能够上架小程序商品，客户点击商品购买就能跳回到小程序下单。　对内来看，小程序承接了视频号的交易载体，充当了“货”的角色，小木感觉挺像更早推出的小程序直播的降级体，充沛联合了小程序直播和视频号直播的单方劣势，让视频号直播的规模失去量级的扩张。对外来看，从小程序首页点击进入视频号直播成为了一种“最短行为链”，同时视频号的吸粉渠道也再次裁减。在直播完结后咱们也须要续存用户流量，这时，咱们能够借助木鱼企微助手作为积淀流量的私域载体。　小木课堂：如何插入视频号直播　*咱们开发上线了直播组件，反对在小程序首页插入视频号直播，以及投放直播预报（可预约）。　*商家后盾操作门路：店铺—>格调装修—>店铺页面—>页面编辑—>直播组件—>在右侧的内容设置区，点击视频号直播，输出视频号ID，点击视频封面上传本地已保留的图片。点击保留、点击公布即可。　二、视频号视频+小程序　除了关联视频号直播，在小程序首页投放视频也是常见的展现模式，咱们同步更新了相干视频性能，反对插入视频号下的任意视频。能为小程序商家的日常营销、流动预热、爆款视频、产品展现等场景带来最直观的展现成果，传播品牌形象。　小木课堂：如何插入视频号视频　*商家后盾操作门路：店铺—>格调装修—>店铺页面—>页面编辑—>视频组件—>在右侧的内容设置区，点击视频号，输出视频号视频ID，点击视频封面上传本地已保留的图片。点击保留、点击公布即可。　注：以上两种设置形式，都须要商家先去视频号助手中复制保留相干视频ID。　三、视频号+服务性能　视频号团队于往年3月初上线了新性能：服务性能，反对企业在视频号主页增加自定义链接性能。　有了这项性能加持，等于为小程序减少了一个新流量入口，将小程序的特色性能展现在主页做导航入口。当然，这项性能不局限于服务小程序，也能够延长至企业微信客服、微信客服等。　小木课堂：如何开明服务性能　*登录视频号助手官网；　*点击“设置”—>“服务菜单”，即可看见「配置服务」的指引，在左侧点击「增加服务」开始配置，如下： *配置后，用户能够点击菜单栏关上对应页面，视频号主页展现成果： 四、　视频号+小程序营销玩法　视频号尽管具备短视频和直播流量劣势，然而无奈发展更多营销裂变流动，小程序刚好补救了这一缺点。小程序营销功能丰富，能够随时随地设置拼团、秒杀、砍价等营销商品，通过这些营销性能，轻易在微信熟人圈造成自动化分享流传，更容易实现本身推广。　小木来总结，坐拥12.682亿月活的微信，正在用视频号+小程序+企业微信等微信生态产品，搭建一个社交电商的「商业帝国」。随着全新的私域业态正在逐渐成形，你还不快退出一起分杯羹？

　小程序都有哪些营销性能？小程序作为商家转型线上经营的一大利器，为商家带来了更多商机，那么小程序都能够配置哪些营销性能？小木带大家来一起理解。　小程序的营销性能　1、秒杀　秒杀是疏导消费者在短时间内疾速抢购的营销形式，个别倡议商家抉择一些库存数量较少、单价较低、较为畅销的商品作为秒杀商品。商家要提前做好秒杀流动宣传预热，能力保障有足够的消费者参加进来。通过推出极低价格的秒杀，短时间迅速聚焦大量用户流量，带动用户浏览购买其余商品，减少用户对店铺的回头率。　2、砍价　商家在后盾设置砍价商品的分享次数规定，用户自发分享给微信熟人圈来获取高价的商品，在这个分享过程中也会一直裂变产生新用户参加进来，通过这种形式，升高商家的经营和营销老本，达到引流和口碑双赢。　3、直播　直播带货已成为营销的新常态，对于商家来说小程序直播比其余平台更具性价比，不仅能利用微信生态圈实现流量变现闭环，还能够进步本身品牌的知名度。　4、拼团　商家通过设置优惠团购商品，由消费者自发邀请亲朋好友来凑足人数，从而满足以拼团价格成团下单。对于商家来说是一种薄利多销的低成本营销，以老客户带动新客户，社群营销成果更好，也不须要商家本人去费神做推广。　5、积分商城　往往和会员治理一起配置应用，客户通过生产、签到等特定行为产生积分，能够在积分商城里兑换优惠券或者商品。这一性能有助于商家构建线上线下会员零碎一体化，可能满足消费者对会员增值服务的需要，减少会员黏性。　6、优惠券　这属于比拟根本的营销形式了，商家通过设置满减优惠券供消费者自行支付，有助于转化更多订单，进步消费者的购买体验和用户留存率。　7、分销　通过用户成为分销员，分销员通过被动分销推广产品并卖出取得肯定比例佣金。不仅能够自发性减少销售数量，还能提供继续的推广作用。　8、社区团购　社区团购小程序是以“社区”为单位，以微信和微信小程序为载体，首先须要经营商家雇佣和集中管理多个团长，由团长在社区范畴内建设保护社区团购群，公布分享居民日常所需商品，同时团长负责推广商品并发货。社区居民下单胜利之后，到团长处拿货核销，团长得佣金，造成一套商家集中管理的经营模式，是现下大火的一种门店经营本地化营销。　小程序的营销性能还有很多，比方满减、限时折扣，导购等等，小木这里就不一一举例了，置信能把营销工具应用好的商家更容易实现用户本身推广，玩转微信端的流量。

　很多老手商家想要开发专属本人的小程序，又不分明都须要哪些费用？明天小木就来谈谈小程序的开发费用明细都有哪些。 小程序开发费用明细 1、 认证费 小程序帐号注册是收费的，个体主体不反对认证，非个体的小程序如果想要认证，须要缴纳每年300元的认证费（从缴纳胜利起算）。有没有方法免去小程序每年300的认证费？是有两个办法。一是通过复用公众号资质疾速注册和认证小程序，如果咱们曾经有认证过的公众号，间接从公众号操作认证小程序就能够免去300元。二是从小程序服务商的特权渠道，微信官网授予被认证过的服务商一些特权，其中就有收费认证特权，木鱼小铺也同样能够疾速注册收费认证小程序账户。 2、 制作费 小程序开发分为第三方服务商制作和单独开发两类，总的来说，如果不是技术过硬，不倡议大家单独开发小程序，一方面是不容易呈现出很好的成果，另一方面是后续技术保护无奈保障。因而市面上绝大多数小程序都是抉择第三方开发，倡议大家依据本身需要的性能难易来抉择开发方式，对于中小型商家来说，模板小程序齐全能够满足日常经营和更高阶延长服务的需要，价格依据套餐性能多少在几千元不等，在咱们木鱼小铺最低不到两千元就能取得标准版小程序套餐。定制版小程序则在开发上没有什么限度，制作老本也更高，依据客户具体需要老本在数万至数十万不等，当然可能实现的性能和UI设计都更具个性化。 3、 域名、服务器、SSL证书等费用 小程序作为SaaS产品，上线也是须要配置域名、服务器以及SSL证书的，咱们来看看别离有什么要求。 域名：抉择.com域名即可，需通过ICP备案，老本在几十不等。 服务器：依据容量大小、拜访数量、有无速度要求等规范去抉择服务器的配置，价格在几千元不等。这里小木提醒，如果是对日活用户有要求的小程序，倡议抉择独立服务器，前期能够一直降级服务器配置。 SSL证书：依据小程序类型及领取平安、窃密安全等级去抉择OV、DV、EV证书，价格依据证书类型不同在几十到万元不等。 一般来说只有不是要求规格特地高，正规的开发商都会收费为商家提供这三项产品。比方咱们木鱼小铺都是蕴含在小程序套餐定价内的，不须要商家本人去钻研购买。所以这里也揭示大家，在制作小程序之前，就要把这些免费我的项目理解分明，确认是否蕴含在内，防止开发后屡次免费。 以上就是一个小程序开发蕴含的所有费用，倡议大家肯定要找正规的小程序开发商，能为小程序的日后经营躲避很多危险。

　大家都晓得微信小程序能够配置很多弱小的营销性能，那么小程序也能够做分销吗？答案是必定的，那小程序开明分销性能都有什么劣势呢？和小编一起往下看吧。 1、小程序分销是什么？ 咱们先来理解下分销的概念，分销是指让员工或消费者成为商家的分销员，通过举荐给敌人，在敌人胜利购买之后就能够获取局部佣金。二级分销模式利用分成或奖金等让分销员取得利润，从而带动更多的消费者退出进来，实现商家小程序的裂变流传和订单转化盈利。 2、小程序开明分销性能的劣势 1）获客率高 小程序基于微信生态倒退，自带流量劣势，而小程序本身无需下载 即用即走的特点，让分享和推广变得便捷而高效。微信领有超12亿的用户流量，每个人都有本人的熟人圈，每个用户即是客户同时又是你的销售精英，助力商家获取更多的客源信息，全渠道拓客，能够施展出小程序分销功能强大的流传和裂变能力，通过裂变流传会取得源源不断的新客户，这也须要商家做好前期的转化促成和留存工作。 2）老本可控 分销的老本是比拟低的，商家能够在后盾自行设置佣金和分销规定，支出和返佣比例由商家掌控，每笔佣金的产生都阐明分销带来了新的订单和利润。这里商家要留神的是，要思考到经营过程中的一些常见不利因素，如老本浮动、节点变动等，要在危险可控的范畴内设置佣金，防止经营危险。 3）进步利润 弱小的分销性能联合一键分享的新采购模式，可能实现裂变式流传， 改变传统繁多的线上线下的促销模式，吸引更多的客户关注和订单转化，进步了销量天然也进步收益。 4）进步知名度 分销员既然想成单，必定少不了自发宣传推广，这就在无形中帮忙商家进步了品牌知名度和曝光度，而这种熟人圈的推广，对客户的定位更加精准，有助于商家实现本地化经营。 以上能够看出小程序开明分销性能的劣势很显著，不仅能帮忙商家进步商品转换率，取得更多的新用户，操作起来也非常简单易上手，这些劣势让商家线上经营更轻松。

　微信小程序自从2017年1月上线以来，在挪动社交电商畛域一直获得亮眼问题。咱们会发现越来越多的企业抉择开发小程序来经营线上渠道，这也给咱们生存中的衣食住行都带来了变动。那么，企业为什么都要开发小程序呢？咱们来看看小程序都有哪些劣势。　企业为什么要开发小程序　1、 买通线上线下　对于有实体店的商家来说，小程序的核心作用是可能无效联合线上、下的服务,为客户提供更多生产场景，在更好地满足客户需要的同时也为商家带来更多收益。微信为用户提供了超过80个小程序入口，让用户可能从多个端口路径找到并关上小程序,而微信的月沉闷用户曾经超过12亿，这么宏大的流量齐全可能满足商家对流量转化的需要。　2、轻利用劣势显著　大家都晓得小程序毋庸下载安装，也不占用手机内存。对用户来说“即用即走”的个性让应用变得更容易, 只需几步操作就能实现外围服务体验,适宜人群更宽泛。　3、推广形式多样　无论是线下实体门店还是APP，难以无效推广都是的经营难题之一，想要取得肯定的宣传成果就要投入较大的推广老本，性价比不高，推广成果也不现实。小程序背靠微信月超12亿沉闷用户的流量池，潜在客户量大的劣势不用多说,联合多种营销和推广伎俩可更好的造成推广体系,老本较少，引流成果也好。　4、开发周期和老本　小程序开发周期较短,相较于起码须要数月能力投入使用的app而言,一个功能齐全的模板小程序最快数天就能上线应用。另外所需开发成本费用是差异也比拟大，模板小程序依据商家理论需要不同费用在几千元不等，而定制版波及到具体性能和页面从新开发，老本要高于模板小程序，个别起码万元至数万元不等。　5、搭建私域　置信大家不难发现，无论是传统电商平台还是线下商超，除了双十一这种大型购物节，平时的客流量其实并不多。次要是因为当初人们的消费行为早已产生了变动，而公域平台仍旧守着中心化流量入口，想要做到被动获客、被动营销的难度也越来越大。聪慧的商家早就借助小程序易触达易关上易推广的劣势抢占了微信流量红利，逐渐搭建起属于本人的私域流量池，帮忙企业加固可继续的倒退路线。　看到这里，置信大家的问题应该会从“为什么要做小程序”转化为“怎么做好小程序”，置信可能经营好小程序的商家，更容易玩转微信端流量。

　越来越多商家开始涌入微信小程序这个流量市场，心愿可能尽早抢占微信用户流量。那么在小程序经营中如何无效推广就显得尤为重要了，上面小木带大家一起理解小程序的五大推广形式。　小程序的五大推广形式：　1、开明左近的小程序，搜一搜性能　商家开明后小程序会主动展示给周边 5km 内的微信用户，所有符合条件的小程序能在「左近的小程序」中被收费曝光，自带微信收费流量。而搜一搜性能，则倡议商家在小程序命名时尽量合乎SEO标准，越合乎用户搜寻习惯，越贴近品牌关键词的名称排名越靠前，越容易被客户搜寻到。　2、发展营销流动　通过定期发展一些营销流动，比方秒杀、拼团、砍价、直播、优惠券等，刺激用户抢购低价商品的生产心理，达到短时间内疾速裂变推广的成果。　3、微信群+朋友圈推广　个别联合营销流动一起宣传，能同步告诉到粉丝群和朋友圈潜在用户，常见的玩法是转发抽奖之类，疏导粉丝被动分享扩散，商家要留神良性疏导和放弃平时互动，防止用户恶感。　4、公众号推广　公众号是微信生态圈的重量级产品，联合公众号一起经营能够补救小程序无奈向用户被动推送的缺点，达到产品营销和内容社交营销互补。如果商家有本人的公众号，就能够通过公众号发文传播最新促销信息，实现用户沟通互动，目前公众号能够实现菜单栏间接跳转小程序，也能够在推文中附带小程序二维码或者卡片跳转小程序等多种形式。如果您没有公众号，也能够和其余公众号单干推广，这个须要商家有肯定的推广估算老本。公众号能够通过优质内容吸引积淀粉丝，向小程序变现。　5、线下推广　最常见的形式是在店铺内安排二维码，店员疏导到店客户扫码点单操作，防止人为排队浪费时间，也能进步门店效率。商家能够在小区电梯、公交车等地位投放广告，也能够印刷流动单页，在人流量大的中央派发，联合优惠一起能力施展更好的作用哦。　以上就是对于小程序推广形式介绍，商家敌人们能够联合本身产品的理论状况，去尝试寻找适宜本人的推广形式，置信长于推广的小程序更容易玩转微信端流量。

　随着小程序开发技术的日益成熟，小程序在各行各业的利用也越来越遍及，母婴行业也能够做小程序吗？当开发时须要哪些性能？随着木鱼小编一起来看看吧。　母婴小程序的性能：　1、购物性能　个别作为首页的外围性能，上架展现各类母婴用品，线上线下同步销售不便商家清理商品库存。用户点击浏览即可下单购买，能够配置同城配送或者到店取货，用户购物更不便，商家也能够合理安排本人的备货工夫。　2、亲子服务　门店能够依据理论经营范围去提供亲子服务，比方婴幼儿游泳等，针对不同客户需要阶段，商家可推出体验套餐、早教课等套餐模式，争取服务到更多客户群体。　3、预约服务　一些须要到店能力享受的服务都能够在小程序上推出预约性能，比方婴儿洗澡，木本沐浴、推拿按摩等等。不仅客户能提前安顿本人的工夫，商家也能够无效防止门店因为高峰期客流量较多而客户散失的景象。用户到店就能享受专属服务，晋升了用户体验感，也减少了用户黏性。　4、营销性能　小程序能够配置很多营销插件，比方秒杀、砍价、拼团，分销等，在首页定期发展一些营销流动是很有必要的，每个宝妈在微信里都有本人的宝妈群，宝妈的社交需要和能力广泛比拟强。商家善用这些营销性能，将线上流量引流至线下，能一直为门店裂变产生新的用户。　5、积分商城　往往联合会员体系一起开发，商家能够通过同步线上线下会员权利，减少与会员用户的关联，让客户更有归属感。积分商城个别有生产累计积分，积分兑礼品或优惠券、会员充值满送等性能，以此来促成消费者来被动生产，进步客户复购率。　6、信息交换区　一方面能够上一些科普知识区，另一方面能够给宝妈们提供一些交换区，满足育儿过程中的社交需要，当用户习惯应用这项性能时，会产生更多的情感关联，可能积淀更多客户。　还有一些根本的性能比方在线客服、店铺导航等小编就不一一举例了，小程序能够帮忙商家买通线上线下营销场景，为门店经营带来更多可能性。

　近几年小程序市场倒退局势大好，很多商家在刚接触小程序开发时有很多纳闷，不太分明到底怎么开发小程序能力在上线后吸引更多的流量转化，那么商城小程序开发的外围到底有哪些？明天咱们一起来理解下吧。　小程序开发的外围有哪些　1、定位　不同的行业的定位天然不同。如果企业在开发前没有一个明确的定位，不仅会让开发过程变得麻烦简单，也不不便前期经营。所以企业做好精准定位是必不可少的，思考好制作小程序是为了展现还是营销、市场和用户定位是什么等等相干问题。　2、性能需要　商城小程序所具备的性能是制作小程序的外围要点，这要求企业在开发前就要想好本人心愿这个小程序往哪方面倒退、小程序的细分性能需要是什么、小程序的页面布局、是否须要配置各种营销性能，想要实现什么样的经营转化等等。不要等到前期经营的时候，才发现这个性能是有所缺失的。所以，在小程序开发的之前，企业必须充分考虑好每一个所需的性能。能力让开发成果更好，让小程序上线后更具同行竞争力。　3、优化门路　大家都晓得小程序的“轻而美”是小程序的特点，正是因为小程序所具备无需下载安装、不占内存、即用即走的这些特点才让裂变式分享变得简略易实现，同时也让客户留存变得有难度，怎么样让用户走了再来常来也成了很多小程序运营者的新难题。所以倡议无论是功能设计还是页面设计肯定要简洁明了，不要希图做得和APP一样富丽简单，让用户依照容易上手的门路往下走，通过起码的门路步骤去达成用户体验，能力进步流量转化和用户留存率。　4、应用场景　商家要联合本身的理论状况去尽可能的减少小程序的应用场景，以此来进步用户的应用频率。比方餐饮行业，除了提供堂食点餐/外卖的外围服务外，还能够减少会员充值、积分商城、会员暗号福利，团餐预约等多项服务，当用户第一次进入小程序实现浏览时就大略记住商家可能提供的服务内容，在下次有需要时天然会再次理解应用，这样就实现了进步复购和下单频率。　以上就是商城小程序开发外围的内容分享，当然除了这些，抉择有实力的服务商和抉择正当的估算老本也是商家须要思考的方面，以上内容心愿对大家可能有所帮忙。

　木鱼小铺身为一家专一于新批发小程序解决方案的服务商，早于2020年1月就推出了“木鱼小铺商家助手”小程序，作为木鱼小铺自有生态中的挪动化小程序店铺管理工具，自上线两年多以来，取得了宽广商家敌人们的统一好评，明天小木来为大家介绍木鱼小铺商家助手小程序。 1、木鱼小铺商家助手小程序都有哪些性能　（1）订单解决　通过订单治理、订单核销、售后治理、预约到店、优惠券核销、拼团、自提、试用订单等订单性能，实现对小程序全量订单的治理、筛选、核销等操作。反对商家随时随地解决每一笔订单，突破空间天文限度。　（2）商品治理　商品治理性能反对查看所有商品详情、批改库存/价格、操作分享及高低架商品等等，让咱们躺在床上也能治理商品！　（3）客户治理　客户治理是必备的外围性能，通过客户治理，能够查看店铺实时的客户数量，点击繁多客户，能够进一步查看客户标签、客户资产、交易统计详情、分销统计详情等等，并反对手动发送音讯、批改积分/余额、发会员卡、打标签、锁定、批改客户资料等个性化用户治理性能。实现灵便接待客户，在线沟通增强双向分割，缩小客户散失，帮忙商家进行24小时在线精细化客户治理。　（4）多维度统计治理　新批发小程序可少不了大数据撑持，木鱼小铺商家助手小程序配置了数据统计性能，反对商家随时查看今日充值、订单量、销售量、新用户、历史总收入、总销量以及一周趋势图等各维度经营剖析数据。各项数据每日都会更新，每周都能够进行比照剖析。无论是店铺日常流水数据，还是其余经营数据，通通一手把握，让咱们全方位理解经营情况！不便商家依据各项数据，及时调整店铺经营策略，以业余的数据分析作为商家决策驱动，帮忙商家进步用户留存率和交易额。　除了上述四大性能类别，还设有音讯、硬件配网、店铺设置等基本功能，小木就不一一列举了。同时，咱们不断更新和减少商家助手的细分性能，为了给商家带来更好更智能的应用体验。 2、在哪找到木鱼小铺商家助手小程序　能够通过微信顶部搜寻框间接搜寻“木鱼小铺商家助手”找到小程序，也能够从木鱼小铺公众号右下角菜单栏中的“商家助手”间接点击进入。　以上就是木鱼小铺商家助手小程序的内容介绍，商家助手曾经成为商家们治理小程序店铺不可或缺的好助手，帮忙商家轻松实现手机治理店铺，实时把握订单和收益状况！

原文参考我的公众号文章 微信小程序自定义动静tabBar 总结了一下小程序官网举荐的动静 tabBar 应用。通过本人的实际和落地施行，对应用动静 tabBar 时须要解决的问题（多角色不同 tabBar 动静渲染，页面加载后 tabBar 主动选中，操作权限判断，页面逻辑和 tabBar 初始化的先后关系管制。。。）进行了逻辑整合。 前置需要多角色动静tabBar操作权限管制tabBar 残缺代码和页面内的应用手法在文末，这里先分步看看这些问题过后都是如何解决的吧。 tabBar组件封装组件构造的封装可参考官网代码，之后须要在组件js文件内对动静tabBar做解决即可；import { geneAuthMenus, updateAppGlobalAuthData} from './tabBarCtrl'import { userLogin} from '../models/UserApi'import { showToast} from '../utils/WxApi'Component({ data: { selected: 0, list: [], }, methods: { switchTab(e) { const data = e.currentTarget.dataset const url = data.path wx.switchTab({ url }) this.setData({ selected: data.index }) } }, lifetimes: { attached() { let appAuthMenus = [...getApp().globalAuth.menus]; if (!getApp().globalAuth.received) { /**登录后App内记录 可拜访页面、可操作动作 */ userLogin({ useCache: false }).then(res => { let { auth_list = [], action_list = [], role_id = 0, role_name = '小白' } = res?.data?.role_auth || {}; let authList = geneAuthMenus(auth_list); updateAppGlobalAuthData({ received: true, menus: authList, actions: action_list, roleId: role_id, roleName: role_name, }); this.setData({ list: authList }) }).catch(err => { showToast(err.msg || '登陆失败') updateAppGlobalAuthData({ received: true, menus: geneAuthMenus([]), actions: [], roleId: 0, roleName: '小白', }); }) } else { this.setData({ list: appAuthMenus }) } } }})tabBar 数据全局数据拜访App({ globalAuth: { received: false, // 当状态变为true，代表auth相干数据曾经拿到，与auth相干的逻辑当初能够执行了 menus: [], actions: [], role_id: 0, role_name: '普通用户', roleHash: { 0: '普通用户', 1: '管理员', 2: '经营', 3: '培修徒弟', } }})tabBar 数据来自【权限&menu】接口在custom-tab-bar的js里，在lifetimes的attached里调用和【权限&menu】相干接口，接口调用完结（无论胜利或失败）后把getApp().globalAuth.received设为truelifetimes: { attached() { let appAuthMenus = [...getApp().globalAuth.menus]; if (!getApp().globalAuth.received) { /**登录后App内记录 可拜访页面、可操作动作 */ userLogin({ useCache: false }).then(res => { let { auth_list = [], action_list = [], role_id = 0, role_name = '小白' } = res?.data?.role_auth || {}; let authList = geneAuthMenus(auth_list); updateAppGlobalAuthData({ received: true, menus: authList, actions: action_list, roleId: role_id, roleName: role_name, }); this.setData({ list: authList }) }).catch(err => { showToast(err.msg || '登陆失败') updateAppGlobalAuthData({ received: true, menus: geneAuthMenus([]), actions: [], roleId: 0, roleName: '普通用户', }); }) } else { this.setData({ list: appAuthMenus }) } } }解决动静tabBar带来的问题如何保障页面逻辑在【权限&menu】接口申请完结之后执行：通过拜访全局状态字段getApp().globalAuth.received状态来判断；// 通过有限轮询globalAuth.received状态的变动，监测到变动后再执行后续export function doSthAfterDependentChangedPromise(computed = () => {}) { let loopTicker = null; const dependentTargetChanged = (resolver) => { if (getAppGlobalAuthData('received')) { console.log('doSthAfterDependentChangedPromise=>' + computed.getName()) clearTimeout(loopTicker); resolver(computed()); } else { loopTicker = setTimeout(() => { dependentTargetChanged(resolver) }, 200); } } return new Promise(resolve => { dependentTargetChanged(resolve) })}2.默认页面问题；因为下面曾经能够做到在【权限&menu】接口完结后再执行其余逻辑，那么就能够做到拿到 menu 数据后调用 wx.redirectTo 到角色默认的页面；（因为我的我的项目默认页面是一个所有角色私有的页面，所以就没做这方面解决） ...

　微信小程序经验过四年多的倒退，开发技术曾经很成熟了，越来越多商家想通过小程序转型线上经营来获取更多用户，转化更多的用户。那么，微信小程序怎么开发？微信小程序的开发方式有哪些？次要有以下这三种开发方式。　微信小程序开发的三种形式　1、本人开发　这个视小程序的难易水平而定，首先须要商家本人有肯定的技术根底，能力把握开发进度和品质。其次商家须要组建一个懂代码的业余开发团队，除了领取工资，还须要购买电脑器材，租用场地，购买服务器等等，劣势是能够本人依据需要去开发，毛病是投资老本大，这种开发模式更适宜实力雄厚的企业。　2、第三方模板开发　这个是针对每个行业的个性而对立开发的行业模板，间接套用模板去装修小程序店铺，对于商家来说操作简略，开发周期短上线快（个别最快数天），营销性能也比拟齐全，能满足日常经营需要，价格在几千不等，对于中小型商家来说性价比最高，这些都是长处。毛病是，企业通过第三方平台模板开发的微信小程序，通常都无奈纵情展现出企业特色，整体较为繁多且同质化重大，无奈给用户留下深刻印象。　3、第三方定制小程序　这个也是找第三方服务商去定制开发，依据商家的具体要求，去对小程序的每个页面每项性能去开发，制作性能更贴近商家业务，成果上更具企业个性化，用户的体验感也比拟好。所以开发周期长，价格也在数万至十几万不等。毛病是老本较高，而且要求商家有辨认靠谱服务商的能力，能力做出本人想要的最终成绩。　以上就是小程序开发的三种形式介绍，倡议首先明确细分本身的性能需要，再结合实际状况去抉择适宜本人的开发方式。

　微信小程序在咱们生存中利用的广泛性逐步变大，越来越多的微信用户曾经养成了应用小程序的行为习惯，在接触到新品牌新事物时先搜寻下有没有小程序的景象变得常见。市场上除了大部分的企业版小程序以外，集体也能够做小程序吗？当然是能够的，明天就来和大家分享下个人版小程序怎么制作。　个人版小程序制作流程　一、注册小程序账户　1、进入微信公众平台，注册账户。　2、抉择须要注册的类型-小程序类型。　3、实现账号邮箱、明码、验证码信息填写，点击注册。留神提醒每个邮箱仅能申请一个小程序。　4、进入邮箱激活，抉择集体小程序类型。　5、填写集体小程序的信息，而后应用绑定一张银行卡的微信号扫码，扫码的微信号则是管理员的身份。这样当前用管理员微信扫码就能登录，账户注册就实现啦。　二、制作集体小程序　小程序的开发方式次要有两种，别离是集体开发和第三方开发，上面简略介绍下：　1、集体开发：这个次要依附开发者的技术根底，去实现小程序创立、小程序代码编辑和创立页面，如果没有足够的代码实力，不倡议本人开发，因为不容易出现好的成果。　2、第三方开发：次要视小程序的性能需要去寻找第三方服务商开发，不过说到实质，集体小程序无奈像企业小程序一样去开明领取性能和认证，所以只能用来作为集体名片或者博客类的展现型工具应用，不须要太简单的开发技术和老本。个别倡议应用模板类小程序就能够疾速实现小程序创立，成本低，开发周期也短。　三、审核上线　小程序制作实现，再进行店铺装修等工作后就到上线啦，须要提交给微信官网平台审核，审核通过之后，一键公布小程序就能够上线了。　以上就是个人版小程序的制作流程，如果只是想尝试下展现成果或者做成流量主去投放广告盈利，那么个人版小程序的确是值得尝试的抉择。

　餐饮小程序次要应用于到店点餐和外卖，是近两年大火的一种小程序类型，既不便了用户点餐，进步餐厅工作人员的工作的效率，又为线下门店带来线上流量市场。所以在餐饮市场的利用也越来越遍及，那么餐饮小程序怎么做，有哪些步骤？上面一起来理解吧。　餐饮小程序怎么做？次要有以下步骤：　1、确定需要　作为商家，你须要先确定小程序指标和具体是什么，餐饮小程序的性能有哪些，这些是商家必须要思考的问题。比方你的指标是想要让本人的餐饮小程序能够在左近的小程序里显示，通过小程序来线上引流。比方你须要的餐饮小程序的性能有团购，优惠券，下单，结算等等。这些都要在制作前布局好，才不会影响小程序上线后的经营工作。　2、申请账号　当商家确定好制订餐饮小程序指标和性能之后，接下来就是去微信公众平台注册申请小程序账号。餐饮小程序注册胜利后，就会主动生成一个APPID号，它是举世无双的。倡议商家在注册小程序账号的同时还能够注册一个微信公众号，而后把公众号关联小程序，用于前期帮忙推广小程序。　3、餐饮小程序制作　餐饮小程序的制作形式有本人开发和找第三方服务商代理开发。个别的商家是不具备开发制作能力的，所以在这里，倡议商家抉择一个优质的第三方服务商，对商家来说更加省时、省力、省心。服务商能够提供模板小程序和定制版小程序，简略来说模板小程序是针对每个行业的个性而对立开发的，开发周期短上线快（个别最快数天），营销性能也很齐全，齐全能满足日常经营需要，价格在几千不等，对于中小型商家来说性价比最高。定制版则要依据商家的具体需要，对小程序的每个页面每项性能去开发，所以开发周期长，价格也在数万至十几万不等，更适宜大企业应用。　4、餐饮小程序提交审核　当餐饮小程序制作实现之后，还须要提交到微信平台进行审核，审核通过之后，就能够正式公布上线了，通过搜寻微信小程序名称，就能够看到。　看过下面的介绍后，置信大多数小伙伴们对于餐饮微信小程序如何做，步骤有哪些都有了肯定的意识了。当今，餐饮行业倒退的十分的火爆，市场需求大，行业前景好，所以商家抉择制作餐饮小程序是一个不错的抉择。

　对于线下实体店的商家来说，晚期的小程序制作次要提供一对一的门店模板或定制小程序的开发，对于个体户商家来能够做到量身定制，无论是制作过程还是上线后的治理操作都十分便当。然而对于领有连锁型门店的商家来说，未免就不太不便了，难道要依据线下门店的数量去一一独自制作小程序吗？哪里有市场需求哪里就有生产力，多门店小程序应运而生，成为连锁门店商家的线上经营必备配置，明天小木来聊聊多门店小程序。　1、多门店小程序是什么　多门店商城小程序是指线下连锁商家一次性买通线上门店渠道，实现同步线上多门店治理，帮忙商家全面接入互联网，实现线上与线下门店交融买通，有助于商家转型门店数字化经营。那么多门店只能用于连锁实体门店吗？并不是，多门店能够实现的经营模式不被连锁门店所局限，还能够开发成为美食街等特色街区小程序经营。　2、多门店小程序的经营模式有哪些　从多门店小程序经营主体上大抵分为以下这两大类　（1）自营/加盟模式：反对品牌连锁店/品牌加盟店，旗下有多家连锁门店的企业。能够设置不同数量的分店，总部进行对立治理商品和营销流动。　（2）联结经营模式：常见的有联结经营、自营+联结经营、自营+联结经营+招商等经营模式，即线上商业街或特色街区小程序的经营模式，可买通或独立治理各门店的商品、会员、订单、数据等，LBS主动定位左近门店。可对立资金治理，也可门店独立领取。在经营主权上更为自主，齐全能够实现各家门店在店铺装修、性能配置、商品治理、会员服务、营销流动等方面的齐全独立经营。小程序拥有者不再是繁多的店铺经营者，而是更多作为一个线上店铺提供的中介方或者兼具其中的一个店铺运营者，去邀请其余商家入驻小程序，最终造成一个综合性线上街区小程序，为用户整合资源，同时提供多店铺的产品和服务。　看到这里，置信大家也能发现，多门店小程序的开发难度和开发价格都是高于个别单门店小程序的。那么制作多门店小程序只能抉择定制开发吗？其实不是的，如果只是比较简单的连锁门店需要，能够抉择自带多门店小程序零碎的模板小程序，开发价格依据门店数量的不同在几千到万元不等，要比定制小程序的性价比高很多。

　说起朋友圈广告，置信大家都在本人的敌人圈里见过，小程序也能够做朋友圈广告吗？当然能够，而且非常适合。明天，小木来为大家介绍下小程序朋友圈广告是什么。　1、小程序朋友圈广告性能是什么　小程序朋友圈广告是一种以相似敌人的原创内容模式在用户朋友圈进行展现的原生广告，点击可间接跳转至原生推广页、小程序、自定义H5及其他推广页。　2、小程序做朋友圈广告有什么特点　朋友圈广告的最大特点是精准，基于腾讯受众数据库，使用大数据和人工智能伎俩，通过对浏览趣味、城市、生产习惯、性别、年龄、学历等信息筛选，给不同用户群体打上标签，使广告依据设定达成按需投放，取得海量曝光的同时也让广告投放触达越来越精准。　3、小程序朋友圈广告的推广指标有哪些　微信广告提供9个推广指标：推广品牌流动、推广我的门店、推广我的商品、推广我的利用、派发优惠券、推广我的公众号、收集销售线索、推广我的小游戏、推广我的视频号。　4、小程序朋友圈广告的展现模式有哪些　惯例式广告：就像发一条朋友圈一样，采纳与用户朋友圈信息流完全一致的经典款式，特点是简单明了。　卡片式广告：细分为卡片式、根底式卡片、标签式卡片、口头式卡片、抉择式卡片、全景式卡片等8种展现模式，相比惯例式卡片能够进行多种组件自由组合，创意模式更丰盛。　5、朋友圈广告的创立流程　创立投放打算—>设置广告—>设置创意—>预览并提交审核。　6、购买形式分几种　按曝光排期购买：提前预约将来指标人群的广告展示机会，解冻对应广告金额，最终依照理论曝光状况结算广告费用。　按曝光竞价购买：灵便设置指标人群和广告投放工夫，通过调整广告曝光单价和设计优质广告创意，与其余客户竞争广告展示机会，依据广告体现最大水平晋升广告成果。具体价格能够参照微信公众平台相干凋谢文档信息。　这里须要留神的是：电商推广广告（即推广指标为：推广我的商品）仅反对按曝光竞价购买。　以上就是小程序朋友圈广告的性能介绍，微信作为领有沉闷用户数量超12亿的国民级利用，所提供的朋友圈广告因背靠腾讯受众数据库，反对自定义群体投放，而被称为投放成果最好，性价比最高的广告模式，有趣味的敌人们无妨试试。

　小程序无需装置、即用即走的轻利用特点让引流获客的门槛变低，同时，这一个性也容易造成用户应用后不会再次关上甚至容易忘记。那么小程序商家怎么做能力解决小程序使用率低的问题？让小程序的劣势从“即用即走”转向“再走再来”？随着小木一起来看看吧。　1、优化产品定位　每一个小程序都应该在开发阶段就做好产品定位、市场定位、用户定位剖析，当然，如果曾经上线了当初开始剖析也不算晚。不同的产品和服务都会有本人的行业个性，只是把握了行业个性齐全不能满足新批发的营销模式，商家应该去剖析理解指标用户群体的不同差别和生产偏向，针对用户和不同市场投入产品，加强产品的市场竞争力，让产品成为小程序的外围劣势。　2、进步用户的体验感　能够从小程序的设计准则来对待，小程序劣势就是小而美，无论是页面布局设计还是性能操作步骤，都要简洁慷慨，不要做过多的赘述和内容，让用户以最短门路实现整个应用体验，晋升用户体验感，就更容易去实现客户留存和复购。　3、善用营销留客　商家想要取得更多的销量，播种更多的利润；用户想要通过优惠的价格获取想要的商品，缩小购买老本。这看起来好像是矛盾的，特地是在以前传统营销的模式下，即便商家投入推广老本，带来的客流和转化也十分无限。然而微信小程序的呈现带来了全新的强社交营销模式，这个矛盾问题就变得可解了。商家在经营小程序期间可随时灵活运用小程序的各种营销性能来“扩客”和“留客”，比方优惠、拼团秒杀、分销、直播等等营销都可能无效开掘到本身的用户群体，帮忙商家来实现用户的累积和留存。做好每一步的营销经营能力让小程序为商家带来更多的用户，甚至可能搭建属于本人的“私域流量”。　以上就是小程序如何解决使用率低的一些办法，大家能够针对本身经营中遇到的理论问题去做好调研剖析，再去调整经营计划。商家不仅要善用小程序的轻利用劣势，还要站在客户角度去思考解决问题，令用户称心，这样用户留在小程序的几率才更大，转化成果才会更现实。

　当初有越来越多的商家敌人对小程序经营感兴趣，想要借助小程序来搭上微信这个流量红利市场的逆风车。这段时间小木也收到很多征询：有没有真正收费的小程序？有吗？有还是有的，那么咱们来看看有哪些办法，以及可能会有什么样的弊病。　1、本人独立开发　也就是说商家必须本人具备独立开发的技术根底，次要视技术能力程度以及小程序须要的性能需要简单难度来掂量是否可行。除非的确技术过硬，有足够的代码根底，否则不举荐，因为并不是很容易呈现出较好的成果。而搭建上线后，经营前期也须要一个稳固的技术支持去做全程保护。　2、 收费小程序模板　大家轻易在网上搜下，会发现收费小程序的关注度很高，然而小木并不举荐，是因为的确有十分多的隐形陷阱和不定因素。上面列举几种状况，大家能够多做理解，如果切实须要抉择制作收费或高价小程序，尽量从这些方面去确定并避雷。　（1）根本的套路是给你个收费的最根本的小程序模板，而这个小程序模板次要是根本框架。那么对于咱们的理论经营来说，并不能满足日常经营需要。比方如果商家想要有个社区团购、分销等营销性能，收费的根本是没有配置的。想要用怎么办呢？再去服务商的商城里购买，如果依照一个性能一个单价累计购买计算的话，其实老本总和曾经远超一个正规的模板小程序报价。还有种状况是要求商家付服务费，这其实也是一种局限，对于没有根底的老手商家来说，失去服务商的帮助，可能会呈现不太会操作经营的状况。　（2）后期的确提供模板给用户应用，然而当失常运行后，会以各种名义进行小程序应用，要求商家付费能力持续应用。这因为商家只有使用权，源码和数据库都由服务商掌控，而制作前没有签订相应的合同条款去束缚服务商提供肯定期限的服务。　（3）“收费试用”=“收费应用”吗？这种文字游戏也很常见。当初很多服务商都会提供收费试用7天/14天等，让商家间接注册账户，模仿应用小程序商家后盾，也能通过体验码看到小程序前端成果。但这就是收费应用了吗？当然不是，当你曾经比拟相熟操作流程了，就该谈到付费制作了。在咱们木鱼小铺也是会收费提供30天的试用期，让商家纵情去感触实在成果。所以木鱼始终认为，收费试用自身是个很好的服务体验，而不应该作为一个营销诱导的噱头去吸引用户，哄骗甚至强制用户下单，齐全违反了这一服务的初衷。　以上就是市场上做收费小程序的两大类办法，大家也能看到其中蕴含了很多经营隐患。小程序通过五年的倒退，技术曾经相当成熟了，制作老本也远没有大家设想的那么低廉，倡议大家还是依据本人的性能需要去抉择适合正规的开发方式。

　说起微信小程序，置信大家都不生疏，在咱们的生存中随处可见。企业微信小程序听起来如同和前者很类似？这里的企业微信小程序是指在企业微信里运行的小程序，而不是指企业主体开发的小程序。那么什么是企业微信小程序？企业微信小程序和微信小程序真的一样吗？又有什么区别？一起来看吧。　企业微信小程序和微信小程序有什么区别　1、产品定义　企业微信小程序：是一种面向企业专门开发的小程序，只能运行利用在企业微信生态中，不能在微信环境中应用。此类小程序开发者，可在提交小程序审核时，抉择“仅在企业微信运行”的设置项。　微信小程序：依赖微信生态生存，是一种不须要下载安装即可应用的轻量级利用，曾经造成了较为残缺的小程序生态，能够实现在小程序生态中的多方触达和互交。　2、开发主体　企业微信小程序：次要面向企业、组织等主体开发，集体主体无奈开发。　微信小程序：主体类型为企业、政府、媒体、其余组织或集体的开发者，均可申请注册小程序。　3、准入运行环境　企业微信小程序：只能在企业微信中关上应用，无奈在微信环境中被搜寻、关上和应用。　微信小程序：能够在微信中间接搜寻、关上和应用，并反对关联到视频号、公众号、企业微信等等，有助于商家扩客拉新和进步使用率。　4、审核方　企业微信小程序：由企业微信团队审核。　微信小程序：由小程序团队审核。　5、性能　企业微信小程序：局部性能接口会受限制，比方微信静止、收货地址等等，因为不能在企业微信以外的微信环境中关上，整体可能实现的性能较少。　微信小程序：企业版小程序在性能开发上简直没有多少限度，个人版小程序则在领取等性能上受限，无奈间接投入商用。　6、指标用户　企业微信小程序：企业微信小程序只提供公司特定人群应用，比方外部员工和违心进入企业微信生态去应用小程序的用户，对众面较窄。　微信小程序：面向所有微信用户，应用门槛低，触达面广。　以上就是企业微信小程序和微信小程序的一些区别，大家也能够看出企业微信小程序远没有微信小程序的凋谢权限多、性能强，当初平台也早已凋谢企业微信关联小程序接口，所以，小木倡议有需要的间接做小程序就能够了。

　马上就要到2.14情人节了，作为一年之中最重要的浪漫经济营销节点，各行商家都使出了浑身解数，心愿借助这场情人节营销大战来打响春节后的开门红。特地是小程序商家们，都想好怎么做节日营销了吗？明天小木为大家带来行业营销倡议和营销玩法举荐，当初筹备还来得及！ 1、行业营销倡议　关键词：浪漫、恋情、苦涩、约会。　鲜花　将玫瑰花、百合花、情人花束等富裕节日气味的鲜花提前预热销售，打造节日爆款，推出几款限定花束设置预约时段送货上门。线上花店能够采纳满减+满包邮、多人拼团来疏导客户购买，也能够推出送女友+送母亲的组合营销套餐。线下花店能够通过和其余商家单干，造成新的营销链，还能够利用秒杀等玩法吸引客户到线下门店提货。　餐饮　线下门店张贴主题海报，推出情侣限定套餐、家庭舒适套餐等多方营销，通过在线上提前限量开卖，锁定局部客源。节日当天可安排节日气氛打扮，联合提前预约送小礼品、到店生产抽取情人节惊喜大礼等流动，吸引更多到店客户。　酒店　酒店安排情人节打扮，主打恋情主题客房，有条件的酒店能够将房间和节日限定餐饮套餐组合销售，辅助赠送玫瑰等福利营造更强烈的节日气氛，吸引客户抢购。　全品类　用满X件打X折+优惠券满减等促销流动，来吸引用户进店先支付优惠券，推出化妆品套装等节日产品销售，进步客单价。同时能够对冬款商品进行大力度清仓促销，推出春款新品。　商超类　先进行节日流动预造势，主打七夕特惠。12-13号适逢周六日，能够把流动工夫往前拉长，推出12-14流动日。能够设置针对不同用户群体的营销流动，比方转发流动至朋友圈取得抽奖资格，生产满X元取得抽奖券，现场抽取惊喜礼品；联结品牌方推出趣味游戏如抱抱较量、生产满多少送定制花束等，不仅可能推动现场节日气氛，也能为品牌商家宣传引流。　珠宝首饰　主打“永恒的爱”等主题，能够做满X减X、全程X折、满X元送转运珠等实物礼品、筛选两款爆款情侣对戒作为限定特价商品推出等等流动。　2、营销玩法　如果大家来不及提前布局大型的营销流动，能够在小程序+线下门店+社群内将以下多种小程序营销玩法联合起来，简略间接无效，也能在微信用户中失去疾速暴发和流传。　优惠券　注册会员赠送优惠券、依据不同用户群体客单价的区别来设置不同梯度的满减优惠券、应用范畴可设指定商品来清理库存等多种玩法。　秒杀　秒杀的经典玩法就是高价爆品，抉择具备爆款特色的商品作为主推款，投合节日倒计时的工夫线加大秒杀力度，衬托缓和热烈的节日气氛。另外情人节的一大个性场景就是送礼，如果只送单品礼物不免显得薄弱，因而推出组合套装会更加适合，价格上也更具性价比。组合套装非常适合与秒杀流动联合，进一步吸引客户买单，一步解决抉择艰难症，超值的秒杀价也会引发微信好友间的裂变流传。　满减满折　通过购物满X元/件立减X元，满X元享X折优惠，实用场景分为全品通用型和指定局部商品，可能无效进步客单价。　拼团　鲜花、线下餐饮等商品都实用于拼团营销，能够适当拉长应用期限，锁定更多线上用户。　直播　直播也是近两年大火的一种营销伎俩，实用于任何卖货模式。能够通过提前分段直播宣传，让客户看到理论商品和成果，加强互动。直播过程中，也能够在直播中联合派发优惠券、抽奖等流动晋升人气。　通过情人节流动，一方面提供更多产品和服务去促成转化、进步销量。另一方面也是宣传本身的大好机会，可能帮忙店铺把新老用户积淀在本人的流量池里，为后续客户的精准经营做好流量储备。领有小程序的敌人们，无妨赶快试试吧！

　之前小木为大家介绍了家政服务小程序的劣势有哪些，家政小程序能对家政人员的信息、价格、类型进行比拟通明的展现，减少用户与企业间的信赖。那么如果咱们想要开发一款合格的家政小程序，都能实现哪些性能呢？一起来理解吧。 家政服务小程序的性能　1、分类导航　依据业务范围可划分为保洁、培修、搬家、装置、搬运、保姆等服务区域，进行细分和服务价格展现。不便用户疾速浏览找到需要，尽量减少操作门路，促成在线转化。　2、预约　能够设置工作时间段、预约数量、时段距离等等，用户能够抉择时间段进行上门预约服务。通过小程序实现单方需要、工夫、免费步骤的对接，同时零碎自动记录订单信息。　3、后盾统计　一方面是来自用户端订单和交易领取的统计，一方面是和服务人员的订单返佣统计。来实现订单费用主动调配计算、工资结算、主动扣减工时等等。　4、订单治理　当产生新的订单，或有订单状态变动时，后盾要有共享信息，并被动发送订单揭示（包含小程序短揭示、微信揭示、短信揭示）。商家通过后盾可能治理、批改、删除订单信息。　5、人员治理　不同的家政服务人员属于不同类目，能够提供不同的服务，有了小程序，每个员工的工作工夫、订单数量、工作评分高深莫测，十分方便管理。　6、营销性能　如拼团、优惠券、满减满折、充值满送等营销玩法，能够吸引激励用户下单，同时在用户分享裂变的过程中也能一直进步平台知名度和影响力。　7、会员治理　用户若抉择成为会员，可享受更多会员优惠，如积分，优惠券，签到，会员福利等，减少用户粘性。如果咱们的规模够大，也能够联合积分商城一起搭建会员体系，设置不同的会员等级梯度及积分兑换等积分营销制度。　以上就是家政小程序的性能介绍，其余如领取、定位、在线客服、数据分析等根底性能就不一一举例说明了，次要依据咱们可能实现的业务和服务范畴需要而定。

　对于很多小程序老手商家来说，小程序实现制作上线后，就须要投入日继一日的经营工作中，那么小程序店铺该怎么治理？上面小木整顿了一些小程序经营治理思路，供大家参考。　1、产品经营　无论是经营那种利用，商家最重要的是提供外围产品和服务。这要求商家在开发前和前期经营中始终放弃对市场、产品、用户群体的剖析，针对市场需求和热点风向及时调整产品营销策略和软包装。　2、营销经营　大家都晓得小程序能够配置的营销性能十分多，不仅局限于砍价、秒杀、拼团、分销、直播等常见性能玩法，也能够轻松实现积分商城、会员性能玩法。这要求商家具备肯定远瞻性去合理配置利用好这些性能，拉长会员沉闷周期，会为小程序带来更多指标用户，进步用户黏性。　3、内容经营　有的小伙伴会说小程序也须要内容经营吗？其实，优良的内容经营能为小程序加分不少，更容易带来流量变现。能够参考一些做的好的公众号+小程序的品牌，通过公众号关联小程序，不仅带来双向引流，也补救了小程序无奈被动推动营销的毛病，帮忙品牌去引流——积淀——复购本人的私域流量，益处切实多多。　4、经营工具　只有是正规的开发商制作的小程序都会配置大数据分析性能，对小程序进行用户剖析、产品剖析、交易剖析、报表统计等等数据进行统计汇总，帮忙商家直面经营数据，为日常运维决策提供根据。如果本人的小程序的数据性能不够齐全也无碍，能够应用微信官网的小程序数据助手，提供的数据与小程序后盾惯例剖析统一。然而每次进后盾都要管理员扫码登录，不太利于店铺经营人员日常应用。其余的经营工具，比方小程序二维码，只有长于应用，也是线上线下宣传推广的好助手。线下门店就不用多说了，智能化的收银零碎和设施也是进步门店效率的必备配置。　其实小程序经营能够讲的方面还有很多，商家敌人们还是要偏重联合本人产品特色和营销模式去做经营计划，以上心愿能带给大家一点帮忙。

　“小程序数据助手”是微信公众平台公布的官网小程序，反对小程序相干的开发和经营人员查看本身小程序的经营数据。那么小程序数据助手的具体性能有哪些？在哪里？怎么应用？一起来看吧。　1、小程序数据助手的性能　“小程序数据助手”以后功能模块包含数据详情、拜访根底剖析（用户趋势、起源剖析、留存剖析、时长剖析、页面详情）、实时统计和用户画像（年龄性别、省份城市、终端机型），数据与小程序后盾惯例剖析统一。　2、怎么找到小程序数据助手　能够间接通过搜寻框输出“小程序数据助手”搜到。 3、小程序数据助手怎么应用　小程序管理员：关上“小程序数据助手”，能够抉择查看已绑定小程序的数据。　其余微信用户：经管理员受权后能够查看已受权小程序的数据。　管理员受权操作步骤：　（1）点击左上角菜单，在导航页中抉择“受权”； （2）在搜寻框中输出微信号查问，或“从小程序开发者/体验者中抉择”，点击“受权”；　（3）受权胜利后，被受权用户将接管到模板音讯告诉；　管理员勾销受权操作步骤：　（1）点击左上角菜单，在导航页中抉择“受权”；　（2）在已受权用户列表中，左滑勾销受权。勾销受权后，用户不再有查看该小程序数据的权限。　另外，如果是多个小程序的管理员，或被受权查看多个小程序数据，能够对立在”小程序数据助手”切换查看，操作步骤如下：　（1）首次关上“小程序数据助手”，间接从列表中抉择；　（2）点击左上角菜单，在导航页中抉择“切换”，从列表中从新抉择。 注：小程序数据查问受权也能够在后盾“用户身份”设置操作，勾选“数据分析”后，用户即可应用小程序数据助手查看数据。如果超过下限，能够勾销已受权用户后再进行操作。　以上就是小程序数据助手性能的具体介绍，对于商城小程序自身没有配置大数据分析性能的商家来说，官网提供的这项性能还是有实质性的作用，可能帮忙咱们相熟把握经营中的真实情况，心愿对大家有所帮忙。

　小程序是依赖微信生态生存的一种轻利用，和大家接触较早的APP相比，小程序不须要下载安装，即点即用，不必即退，这些轻利用劣势更加显著，应用体验感也较好。那么小程序对咱们来说能干什么？有什么用？咱们无妨别离从用户和企业的角度来对待这个问题。　1、用户角度　首先，对于用户来说，咱们要找到喜爱的小程序，能够通过线下扫一扫、微信客户端最上方的搜寻窗口、“发现-小程序”、历史记录等流量入口找到并进入小程序。无论是间接从线上入口去发现应用小程序，还是在线下实体生产场景中，扫码利用也成为了咱们的行为习惯。而小程序无需下载，不占内存的个性，也让用户轻易就能取得整个海量轻利用市场。　其次，小程序能实现什么？小程序从上线之初想要次要实现外围性能，到当初小程序开发技术的越发成熟，甚至能够轻松实现延长服务，满足更多的生产场景，比方分销直播营销、短链接多方跳转、线上点单配送、关联视频号和公众号等等，让小程序的身影在微信生态里随处可见，小程序给人们带来的便捷不言而喻，用户对小程序的接受度也越来越高。　2、商家角度　对于商家来说，小程序开发成本低，也不会像入驻某宝某东一样，受到公域平台的诸多限度，比方店铺排列成果都是千篇一律。即便商家费尽心思吸引用户到店铺，也很容易在同类化竞争中散失，产生的流量也大多归属平台所有。这是源于公域平台的流量逻辑还是在于守住“中心化”入口和倒退“增量用户”，小程序则绝对相同，微信始终强调去“去中心化”，保持走“碎片化”流量入口路线，这从平台陆续更新凋谢超过80个小程序入口也可见一斑，小程序在 “存量用户”市场上更具劣势，触手可及和走了再来的这些个性，都让商家更容易去实现吸引—转化—积淀到本人的小程序商城，最终达到本人可继续倒退的经营指标。　以上，置信大家对小程序也会有一些新的意识，小程序作为商家有助于商家转型线上数字化经营的利器，除了不便商家发展线上线下营销，进步流量转化，甚至能够帮忙商家搭建属于本人的私域流量池。

最近开发了一套小程序以及公众号，想要分享一下本人的一些教训，当初做一下开发筹备以及框架抉择。 一：微信公众平台 1:申请小程序，公众号（企业的申请服务号，没有条件的可申请微信公众测试号）。2:资质认证。（同一主体的无需反复认证，有快捷认证通道。能够少花一次R）。3:小程序开发框架 uni-app，开发工具 Hbuilder。4:公众号开发框架 Vue + Vant，开发工具 Vs Code。5:后端 SpringBoot + Oauth2.0 + beetlsql。扩大grant_type，实现openid登录。6:如果须要集成微信领取，须要微信商户申请关联小程序。二：微信开放平台能够这么简略的了解，微信开放平台能实现生态的用户"对立"。 微信用户在登录小程序以及公众号的时候，同一个微信用户会有不同的openid，然而如果小程序以及公众号绑定到同一个开放平台之后，就会有雷同的一个unionid。 上面介绍一下利用雷同unionid去解决一个需要的案例： 需要：小程序用户在注册之后，因业务须要，小程序后盾须要向用户推送告诉音讯。 对小程序来说有订阅音讯（一次性订阅以及长期订阅，但长期订阅模板告诉只对特定的服务行业凋谢，且没有间接申请模板的通道，一次性订阅须要用户去被动触发微信小程序的某事件，每触发一次有一次收到告诉的机会），不言而喻，如果是属于用户被动告诉的话，那么依附小程序很难实现。 换一种形式，咱们能够通过公众号的模板音讯实现。只须要开发一个简略的登录h5界面，获取用户的opneid以及unionid，那么咱们就能通过unionid唯一性去给此公众号的openid用户发送模板音讯，且模板音讯反对跳转到小程序，这就变相实现了告诉需要。

假期如果切实无聊的话，那追随田同学的脚步上架一个小程序吧（文末有红包喔）。 话说:谁不想领有一个本人的小程序呢？既能够赚点小钱又能够长长见识。 不懂小程序的小白能不能做进去呢？那来对了，这个教程就是针对小白的。 明天决定把办法开源进去，包含小程序从注册到上架，还有怎么起名能带来天然流量，及收益从哪里来！ 下图是每天的收益，不多，但苍蝇腿再小也是肉。 申请账号百度搜寻-微信公众平台，进入官网-点击注册（显示官网的点进去，要不然你可能跑错片场，点进广告网站外面晃悠一大圈）。 注册一个小程序就像注册一个微信一样简略，填写完根本信息，通过当前就能够进入小程序的治理后盾。 左侧是小程序后盾的菜单，搂一眼，简略相熟一下就好。 始终拉到菜单最上面。 点击设置把小程序的相干信息填写一下。 首先，第一个比拟重要的点就是给小程序起名，起名这件事很玄学。 作为一个佛系（懒）做小程序的（广告费收钱都是自动化，别提推广了，甚至都没有进去看过），我的小程序的用户起源都是天然流量。 什么是天然流量呢？就是在间接微信搜寻进来的用户。 有一个好的名字是最最...重要的...... 前段时间爆火的国庆头像小程序，就是得益于一个好名字，早已让那些小程序作者赚到盆满钵满，微信的流量超乎你设想。 当然，我属于佛系（后知后觉）派，属于汤都没喝到的。 接下来就是起名的重头戏了。 在微信搜寻-微信指数，进入微信指数的小程序，将你要起的名字在微信指数中搜寻一下，看一下这个词的的热度，再来决定用不必这个名字。 应用微信指数起名这个技巧是要敲黑板，经营大神必备的一个技能。 起名前当然要看下咱们要上架的小程序长什么样？搜寻：酒桌网站pro 依照操作步骤，上架的小程序是和这个长的一样的，其余的待填项自由发挥，服务类目抉择办公-工具。 信息填写实现之后，会有一个AppID(就像是你的微信号)，这个AppID很重要。在创立我的项目和我的项目上线都是须要的（最好复制保留到一个中央）。经验了这些步骤当前，小程序就注册实现了，应该也是最繁琐的一个步骤了，到这里你就实现一半了。喝杯水，开始下一步。 装置开发者工具接着装置小程序开发的工具-微信开发者工具，百度搜寻微信开发者工具，点击下载（找官网...官网下载）。 抉择对应的零碎装置，应该大部分人都是抉择 Windows 64。 就像装置别的电脑软件一样简略，一路点击下一步、下一步.....（点慢点，不要装C盘） 双击关上软件，而后下一步就是导入源码！ 源码呢？在[程序员田同学]公众号后盾回复：【酒桌源码】。获取源码下载当前保留到本地，这个就是小程序的源代码了（看好存哪个门路下了，省得等会找不到了）。 导入源码关上开发者工具，抉择导入小程序，会看到这样一个界面。项目名称轻易填、目录抉择方才保留的源码地位。 千万不要说，你找不到源码下载哪里了！ AppID填写后盾的那个AppID，后端服务抉择-不应用云服务，而后确定。 导入之后就看到一个酷炫小程序了，能够在开发者工具外面点击预览下成果，到这里就胜利一大半了。下面这个步骤，字虽少，目测并不简略，姿态不对的小伙伴做完可能蜕层皮！ 上传及版本治理点击上传按钮，期待几分钟后。回到小程序的后盾-版本治理。这时候在后盾就能够看到开发版本了，如果找不到的话，不必猜，你肯定是把AppId填错了，再反复导入源码步骤既可。 而后点击提交审核，点击前能够先预览一下体验版，点击提交审核旁边的倒箭头，微信扫码既可预览体验版。 测试无误之后 即可公布审核版，在微信官网审核之后，即可上线成为线上版本。审核大概半小时左右就能够通过了。 审核通过当前微信官网会音讯的，要回到后盾点击公布哦，要不然是找不到的。 等几分钟在微信外面搜寻，看下能不能搜到吧。 小程序1000访问量能够开明流量主，如果你跟我一样佛系（懒）。 最好的形式就是上线胜利当前，遗记这件事，一段时间后再来看数据，开明流量主。 对于开明流量主赚广告费的，咱们下篇文章见。 好啦，有问题在后盾私信留言，没有问题去买鸡腿吧......

基于uniapp的奶茶店点餐微信小程序+基于SpringBoot和Vue的治理后盾 1、一个简略的外卖零碎，包含手机端，后盾治理，api 2、基于spring boot和vue的前后端拆散的外卖零碎 3、蕴含手机端，后盾治理性能 2套模式，小程序和h5 页面小程序截图：治理后盾截图：源码地址：关注wx公众号【源码好又多】回复：点餐微信小程序

2021年12月26日突发音讯，刚刚推出2个月就冲破30万用户的第三方社交电商工具“省团团小程序”被微信封禁，迎来自平台推出以来微小的考验。 据微信官网提醒封禁起因：省团团因为波及帐号无本质内容及服务，且次要目标为其余帐号进行举荐、推广、导流等行为，已暂停服务。本次因为省团团小程序被封禁，很多注册并做分销的用户，显得十分焦虑，目前省团团方面虽已提交申述，然而前景仍不容乐观！ 省团团小程序被封禁的背地，给了咱们哪些启发 省团团通过2个月搭建的商业模式，顷刻间商业大厦轰然倒塌的背地正在走漏着一个商业平安的隐患。小程序作为依附于微信生态的产品，领有得天独厚的先天条件，与其余平台相比，它能够源源不断从微信生态中导流并不受任何限度。小程序是一把双刃剑，无利亦有弊，重大依赖微信生态，导致账号平安毫无保障，这也是省团团小程序能够在一夜之间彻底崩塌的症结所在。 小程序“仰人鼻息”，企业该如何胜利破局 互联网3.0时代，流量才是各大企业抢夺的重点，无论是阿里、腾讯还是百度这些生态都在构建本人的流量闭环。流量闭环的打造，让用户的所有行为都将在本人设置好的生态中进行，整个用户生命过程从开始到沦亡都无奈脱离生态闭环。 咱们企业想要逃出生态体系的解放，晋升平台安全性，就必须构建自有平台，APP开发已至关重要。咱们只有将企业营销的重点放在自有平台的经营上，通过内部的流量平台一直向自有平台赋能，这样能力一直为企业自有平台赋能，让流量像滚雪球一样一直沉积，由质变转向量变。顺元年软件作为寰球IT服务当先企业，服务过寰球泛滥大型APP平台的开发与设计工作，业余的设计理念与成熟的开发教训，正在一直为寰球企业赋能，帮忙更多的企业构建属于本人的生态系统。 【摘自】http://www.shunyn.com/news_v_11_269.html

场景：页面 A 跳转 B，须要带一些参数过来，体积小的参数能够通过query带过来，数据量较多时，query不是一个好的抉择。这时候应采纳小程序的 EventChannel一、实践前提如果一个页面由另一个页面通过 wx.navigateTo 关上，这两个页面间将建设一条数据通道： 被关上的页面能够通过 this.getOpenerEventChannel() 办法来取得一个 EventChannel 对象；wx.navigateTo 的 success 回调中也蕴含一个 EventChannel 对象。这两个 EventChannel 对象间能够应用 emit 和 on 办法互相发送、监听事件。二、简略应用：单向传值A页面：<button bindtap="navigateToB">跳转B页面</button>navigateToB () { wx.navigateTo({ url: '/pages/logs/logs', success: (res) => { // 跳转胜利后，触发事件'delivery', 并可携带数据（即第一个参数是事件名，第二个参数是数据包） res.eventChannel.emit('delivery', { data: '123' }) } })}B页面：onLoad() { // 建设数据通道 const eventChannel = this.getOpenerEventChannel() // 监听'delivery'事件，并获取数据包 eventChannel.on('delivery', data => { console.log('on - delivery', data) })}通过打印后果看到，数据曾经接管 三、双向通信跳转到B页面后，如果你还须要 回传一些数据给到A页面：在B页面中依然以 emit 触发事件，并发送数据包；多个事件平铺A页面 wx.navigateTo 中的 events 参数：是页面间通信接口，用于监听被关上页面发送到以后页面的数据A页面：navigateToB () { wx.navigateTo({ url: '/pages/logs/logs', // events 用于监听下一个页面的事件 及 回传的数据包 events: { reverseData: (data) => { console.log('reverseData', data) }, backData: (data) => { console.log('backData', data) } }, success: (res) => { // 跳转胜利后，触发事件'delivery', 并可携带数据（即第一个参数是事件名，第二个参数是数据包） res.eventChannel.emit('delivery', { data: '123' }) } })}B页面：onLoad() { // 建设数据通道 const eventChannel = this.getOpenerEventChannel() // 监听'delivery'事件，并获取数据包 eventChannel.on('delivery', data => { console.log('on - delivery', data) }) // 通过emit向上一个页面回传数据，多个事件平铺 eventChannel.emit('reverseData', { data: '321' }) eventChannel.emit('backData', { data: 'abc' })}而后就能够欢快地传大的数据包了hhhh ...

应用小程序生成分享海报图，是很常见的性能了，很多的小程序都有相似的性能。尤其是浏览类、学习类的，总能看到朋友圈有人分享 “我明天背会了**单词，快来一起学习吧”这种。然而这种海报，都是主动排版生成的，用户是无奈手动参加的。 为了加强用户参与性，咱们模拟一些图片解决App，实现可能本人拼图生成海报的性能。 1. 整体思路将整个页面分为 绘制区域 与 操作区域。 抉择背景图。减少要绘制的图片、文字等元素（以下简称拼图元素）。减少的拼图元素在绘制区域中展现。在绘制区域中，触控操作拼图元素，获取操作后的后果（地位、缩放等）。在管制区域，对拼图元素进行其它操作，如层叠程序扭转、旋转、缩放等。依据每一个拼图元素的地位、缩放等信息，应用canvas进行绘制，并生成图片。思路确立了，就开始实操。 2. 素材局部因为小程序有对包大小的限度，所以咱们的图片素材是不能间接扔在小程序里的。我是间接将素材依照肯定的命名规定间接传到了云存储服务中，小程序中通过规定进行拼接获取所有素材的地址。 初始开发时，能够先把图片素材放在小程序文件夹里。不影响开发者工具内的开发与测试，只不过无奈真机调试与预览。为了便于操作与计算，所有的图片素材都采纳的对立大小的png格局（最好是正方形）。 3. 绘制区域1. 组件抉择选用小程序组件 <movable-area> 与 <movable-view> 。应用上述组件，能够实现拼图元素在绘制区域内的挪动、缩放，监听事件还能够回传触控操作后拼图元素的地位。 具体的应用形式请参考文档。https://developers.weixin.qq.... 留神： <movable-view> 容许双指缩放后，呈现了bug，比方挪动拼图元素时会产生图片放大、挪动时产生惯性动画（即便没有设置）等。因而放弃，采纳其余办法实现。*通过列表渲染，渲染 <movable-view>时，肯定要谨严的给出惟一key作为 wx:key，不要应用诸如 wx:key="index"。否则，在删除拼图元素、批改拼图元素层叠程序时，会呈现bug。2. 单位与比例换算<movable-area>元素自身在页面的高宽、定位能够应用 rpx。其外部的拼图元素宽高、地位等，我集体倡议应用 px 单位。 首先，rpx不是相对单位，是比例单位，最终生成的图片不能应用rpx作为宽高单位，否则大家生成的图片大小不统一，为此拼图元素的相干数据也应该间接应用px为单位，便于后边的换算。其次，<movable-view>的监听事件返回的定位信息也是以px为单位的。比例换算就没什么好说的了，拿到绘制区域的实在宽度，晓得输入指标宽度，算就完了～ 4. 操作区域1. 文字拼图元素的新增图片拼图元素的减少没什么特地的中央，比拟容易解决，设置好 <movable-view> 的宽、高、x、y等属性，再在其外部减少 <image> 即可。文字拼图元素的减少绝对麻烦一点。 文字拼图元素能够分成 横排文字 和 竖排文字。 抛开字号、字体、初始的x、y、等共性的款式/属性： 横排文字只需为 <movable-view> 设置足够的宽度就好了，否则汉字会换行。竖排文字需为 <movable-view> 设置1倍字号的宽度，好让每一个文字刚好占据一行。也因而，要思考 line-height 。咱们须要为竖排文字设置一个适合的 line-height。我这里间接设置为了 1.5倍字号。2. 缩放与旋转之前咱们提到过，应用 <movable-view> 自带的缩放性能，呈现了bug，因而这里通过 <slider> 手动设置缩放倍数。缩放倍数间接反馈在 <movable-view> 的宽高款式上。通过间接批改宽高款式实现缩放倍数，一个益处就是缩放时不会影响拼图元素的地位（由左上缩放，而不是核心缩放）。 旋转角度也通过 <slider> 手动设置（0 - 360）。 留神：咱们在 <movable-area> 中触控滑动拼图元素，本质上是实时批改所选 <movable-view> 的 transform 款式（translate）。因而，拼图元素的旋转（transform: rotate(*deg)），应该加在<movable-view> 的子元素上。因为比拟麻烦，我这里只为图片拼图元素的缩放与旋转。文字拼图元素的pass掉了。 ...

记录一下，如何在微信小程序下应用less扩大语言编写款式应用vscode关上微信小程序我的项目 在须要应用到less文件的目录下，新建一个index.less文件，如下图所示装置vscode插件装置结束后须要启用该插件3.vscode窗口下，按下快捷 CTRL + SHIFT + P在呈现的输入框内输出open settings点击下图中所示选项 4.批改settings.json文件下的内容（能够先搜寻是否存在该属性，如果不存在则新增一个） "less.compile": { "outExt": ".wxss" }按下ctrl + s 保留文件 5.尝试在新增的index.less文件下进行编辑（编辑结束记得保留），例如 此时再关上同一门路下的index.wxss文件 仔细的你会发现，wxss文件下为less文件编译后的内容，那么祝贺你，配置胜利了。

1、背景在做微信小程序开发的时候难免会波及到网络申请操作，小程序提供的原生网络申请的api如下所示： wx.request({ url: 'https://test.com/******', //仅为示例，并非实在的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success (res) { console.log(res.data) }})其中 url： 为申请的后盾接口地址；        data： 为申请接口须要携带的参数；        header：设置申请的 header，content-type 默认为 application/json，        success： 为申请胜利后的回调，res蕴含申请胜利后返回的数据。 更多对于 wx.request的用法能够查看官网介绍。小程序官网api文档那既然官网曾经提供有api，为什么还须要进行二次封装呢？ 2、二次封装的起因第一点、防止反复代码防止反复代码次要体现在以下几点：1） 咱们公司调用后盾接口，除了登录接口外，其它的接口申请都须要在申请头中退出token，如果不做封装的状况下，每次调用网络申请都须要传token，很麻烦。2）在网络申请的时候往往须要给个加载框，提醒用户正在加载.... 如下图所示：  如果不做封装，在每个网络申请的中央如果须要弹出加载框，都须要反复写这一段代码：申请开始的时候，显示加载框。 wx.showLoading({ title: message, }), 申请完结的时候，暗藏加载框：wx.hideLoading(); 第二点、防止回调天堂一个页面如果有多个网络申请，并且申请有肯定的程序，wx.request 是异步操作，那么最间接的后果就如下所示代码： onLoad: function () { wx.request({ url: 'https://test.com/api/test01', success:res=>{ wx.request({ url: 'https://test.com/api/test02', success: res=>{ wx.request({ url: 'https://test.com/api/test03', success: res=>{ testDataList: res.content } }) } }) } }) },是不是很像俄罗斯套娃。为了防止这种写法，当然进行封装了，在这个中央用到了Promise。对于Promise的介绍能够到廖雪峰的官方网站去查看，有具体的介绍。Promise介绍 3、具体的封装实现工程构造： 在utils文件夹下新建了两个文件。1) httpUtils.js网络申请的封装，具体代码如下： ...

文档：https://developers.weixin.qq.... Mac应用terminal进入目录：/Applications/wechatwebdevtools.app/Contents/MacOS 执行cli preview 提醒：-bash: cli: command not found 解决办法：./cli preview

“ 要害句: “交友盲盒 脱单盲盒 小程序" 简介： 最近很火的一元交友，大家应该不生疏的吧 月老在线牵盲盒 交友盲盒 一元交友 存取小纸条盲盒交友匹配交友趣味交友同城 交友盲盒 脱单盲盒小程序，能够公布相干信息 前端采纳的小程序，云开发 软件：小程序的微信开发者工具进行开发前端界面 部署的形式 环境的要求 云开发小程序端 请将交友盲盒 脱单盲盒小程序源码导入微信开发者工具 为了不便在工具里体验交友盲盒 脱单盲盒小程序，请勾上不校验域名 点击根目录下的SETTING.JS配置文件中编辑，可将外面的域名批改为您本人的域名 次要性能截图脱单盲盒小程序 源码：微信公众号【源码好又多】

我在微信小程序中，有一个需要：依据 流动持续时间 来 计算这个流动 div的高度。模拟器上一切正常，真机安卓也失常，然而真机ios计算出来的高度始终是NaN而后一行一行打印，用真机调试查看打印后果，发现是 Date.parse(startTime) 这一行报错（此时startTime为 2021-09-23 00:00:00 这种格局） 而后才发现ios不反对这种 '-' 连贯的日期格局，要转换为 '/' 连贯的模式所以，应用正则将 '-' 替换为 '/'function (startTime) { startTime = startTime.replace(/-/g, '/')}而后ios真机就能够失常计算了

一、这是模拟器上的成果 二、这是苹果11真机上的成果（安卓真机失常） 三、先来理一下代码的层级现状 A 为van-tabsB 是自定义组件，为数据列表，C为单个数据D 也是自定义组件（图中省略）为单个数据详情弹窗，且D是B的子组件！在z-index层级上 A是绝对定位，B、C无定位，所以A>BD设置z-index 9999 但不失效四、理分明之后，有一个大胆的猜测：B、D均为自定义组件，且D是B的子组件，会不会导致D的层级最高只能和B一样高？导致不能穿透B，所以被A组件盖住？ 五、调整组件父子关系为了验证是否有这个问题，我将组件D从组件B中剥离，放在与A、B同级的wxml引入，果然，苹果11上恢复正常 为了更好的了解这个问题，所以我将其定义成：ios自定义组件层级不穿透。正确的做法，把须要有更高层级的组件，放在更外层欢送留言，咱们一起摸索更多~

自定义组件中，应用vant-weapp的 van-empty 时，批改默认款式不失效<van-empty description="暂无数据" /><van-button type="primary">次要按钮</van-button>.van-empty__image { width: 200rpx; height: 200rpx;}.van-button--primary { font-size: 28rpx; background-color: pink;}解决办法：开启styleIsolation: 'shared'选项Component({ options: { styleIsolation: 'shared' },})自定义组件的js文件中，减少上述代码即可解决

一. 装置 npm。 二. 自定义 底部 tab bar。 小程序 自定义底部 tab bar 三. 短视频模式 video-swiper。 微信小程序 短视频模式 video-swiper 四. 全局分享。 app.js App({ onLaunch() { this.onShare(); }, // 自定义全局分享 onShare() { wx.onAppRoute((res) => { //获取以后页面的对象 let pages = getCurrentPages(); let view = pages[pages.length - 1]; if (view) { wx.showShareMenu({ withShareTicket: true, menus: ['shareAppMessage', 'shareTimeline'] }); let shareOption = JSON.parse(JSON.stringify(view.options)); let shareOptionStr = ''; for (let i in shareOption) { shareOptionStr += `&${i}=${shareOption[i]}` }; if (!view.onShareAppMessage && Object.prototype.toString.call(view.onShareAppMessage) !== '[object Function]') { view.onShareAppMessage = function () { return { title: 'xxx', path: view.route + (!shareOptionStr ? '' : '?' + shareOptionStr) } }; }; if (!view.onShareTimeline && Object.prototype.toString.call(view.onShareTimeline) !== '[object Function]') { view.onShareTimeline = function () { return { title: 'xxx', path: view.route + (!shareOptionStr ? '' : '?' + shareOptionStr) } }; }; }; }); },})Good luck。 ...

最近笔者钻研技术发现如何应用内部跳转微信小程序的技术都是利用urlscheme的调用技术来实现的，如何去微信小程序去跳转到内部微信浏览器webview关上网页，而且不须要验证业务域名的办法呢，笔者通过大量的逆向微信测试调试，总结以下代码技术。咱们先来配置微信凋谢环境，代码截图如下。 外围代码如下，如何去是实现跳转内部微信webview的技术。 代码如下： // www.wxticket.com 微信小程序跳转内部h5技术webview办法代码 qq904999988 Page({return wx.navigateTo({ url: `/pages/webView/webView?url=${defaultUrl}` })data: { weRunResult: '',userInfoResult: '',}, onGetWeRunData() { wx.getWeRunData({ success: res => { wx.cloud.callFunction({ name: 'echo', data: { // info 字段在云函数 event 对象中会被主动替换为相应的敏感数据 info: wx.cloud.CloudID(res.cloudID), }, }).then(res => { console.log('[onGetWeRunData] 收到 echo 回包：', res) this.setData({ weRunResult: JSON.stringify(res.result), }) wx.showToast({ title: '敏感数据获取胜利', }) }).catch(err => { console.log('[onGetWeRunData] 失败：', err) }) }})}, onGetUserInfo(e) { console.log(e)wx.cloud.callFunction({ name: 'openapi', data: { action: 'getOpenData', openData: { list: [ e.detail.cloudID, ] } }}).then(res => { console.log('[onGetUserInfo] 调用胜利：', res) this.setData({ userInfoResult: JSON.stringify(res.result), }) wx.showToast({ title: '敏感数据获取胜利', })})} ...

点击返回小程序MobX的官网文档 注：此 behavior 依赖开发者工具的 npm 构建。 什么是npm构建？装置 mobx-miniprogram 和 mobx-miniprogram--bindingsnpm install --save mobx-miniprogram mobx-miniprogram-bindings点击微信开发者工具左上角：工具 --- npm 构建构建实现后，两个文件夹下 mobx-xxxxx 的4个包都曾经就绪 创立 MobX Store：新建store.js，并实例化 observableobservable 是默认的 MobX store // store.jsimport { observable, action } from 'mobx-miniprogram'// 创立store并裸露进来// observable：默认的 MobX storeexport const store = observable({ // 数据data numA: 1, numB: 2, // 计算属性 get sum() { return this.numA + this.numB }, // 通过 action 申明 update: action(function () { const sum = this.sum this.numA = this.numB this.numB = sum })})store创立好了，接下来就是怎么绑定的问题了 ...

腾讯的官网文档仍然是历史的格调，一些报错信息也仍然十分的有意思（提示信息相当不敌对），以致于无奈间接通过学习官网文档的办法来顺利完成开发。 现将一些根本的步骤记录如下： 测试账号领有一个测试账号将有助于咱们疾速的开发各种性能。而微信坑的是：官网的链接中没有找到申请微信小程序测试账号的地址。在官网文档中找到的始终是申请微信公众号测试账号，而这个公众账号的测试账号与小程序的测试帐号是齐全的两个货色。 微信小程序测试账号申请：https://developers.weixin.qq.com/sandbox 对typescript反对官网反对了typescript，看到这点时感觉十分的好。然而，一应用就不淡定了。官网并没有给出主动编译的demo，这对刚入门typescript又比拟喜爱它的小伙伴而言是不可承受的。 在此给出一段本人用着还行的代码： npm install --save-dev node-watch而后在根目录下创立以下yunzhi.js // 创立一个子过程const exec = require('child_process').exec;// 调用 node-watch 监听模块const watch = require('node-watch');// 运行一次编译exec('npm run compile');// 监听相干文件、文件夹，有变动则从新运行编译watch(['src/app.ts', 'src/types.ts', 'src/utils', 'src/pages', 'src/service', 'src/components' ], { recursive: true }, function(evt, name) { if (name.split('.').pop() === 'ts') { console.log('监听到TypeScript文件改变，从新编译中...'); exec('npm run compile'); }});console.log('云智TypeScript主动编译脚本已胜利运行...');留神这的内容，换成你当前目录中有的。如果在我的项目中新增了文件夹，也留神来保护一下这个列表。 最初执行node yunzhi.js，便能够在文件产生变更时，主动的将ts构建为js文件了。 与后盾交互即便应用了测试账号，也是不可能随便与任意后盾进行交互的。此时，咱们能够到微信小程序测试账号中找到相干的申请后盾配置，也能够在微信开发者工具中找到配置中的 本地，点击：不校验申请域名 第三方库如果不是特地有必要，不倡议应用第三方库。如果咱们应用了第三方库，最好可能应用精减型的，比方咱们应用什么就退出什么，也不是全局引入。这次要是因为微信小程序的大小限度决定的。 尽管咱们能够在微信小程序中的根目录中找到package.json，但你相对相不到它是不能够被间接援用的。如果你间接援用的话，微信小程序则会有情的收回谬误。 正确的姿态参考：在微信小程序中引入rxjs mock数据微信开发者工具提供了模仿返回数据的性能：Mock，启用后增加规定即可： 但我还是心愿能在官网文档中找到单元测试某个页面或是组件的单元测试办法。 http申请微信提供了wx.request(options)用于发动http申请。options有两个字段，别离代码申请胜利后的回调以及申请失败后的回调： fail: (value) => { // 失败 }, success: (value) => { // 胜利 }, 但要留神的是：这里的失败仅当申请的地址无响应时，才会执行。如果你习惯了把一些非2XX 的状态码做为执行失败的条件，则还须要手动的进行解决。 ...

习惯了Rxjs当前，最近在开发微信小程序时也想在我的项目中利用它。但因为某些问题，微信小程序援用第三方包时，并不像一般的前台我的项目那么简略。通过一翻学习，实现了ts版本下的微信小程序胜利引入Rxjs包，总结如下： 建设package.json微信小程序在根目中有个package.json，但这个package.json只能增加一个开发依赖，即devDependencies。而生产的依赖，比方咱们以后须要在代码中应用Rxjs，则是不可能通过在package.json中增加的。 生产中须要装置依赖的话，须要在src文件夹下建设（复制一个过去也行）package.json，比方咱们进入src文件夹，执行npm init，一通回车当前便会失去一个如下的package.json "name": "root", "version": "1.0.0", "description": "", "main": "app.js", "directories": { "example": "example" }, "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC"}有了此文件，便能够装置一些第三方依赖了。 wx-rxjs因为未知的起因，Rxjs没有方法通过微信官网的构建工具构建胜利的。在这里咱们引入第三方的wx-rxjs，它的外围代码如下(你能够齐全疏忽它)： export { Operators };export * from 'rxjs';上述外围代码的作用就是从新进行exports，从而防止了一些操作符无奈正确被微信小程序构建的问题。所以如果以后的 RXJS 版本不合乎你的要求的话，则能够fork下面的仓库，修改rxjs版本后从新公布一个。 而最次要的操作是来到src目录下执行： npm install --save wx-rxjsnpm 构建按官网文档找到微信开发者工具，顺次点击：工具-》npm 构建，便实现了构建过程。 接下来更能够欢快地应用Rxjs了。 import { of, Observable, Operators } from 'wx-rxjs';const o: Observable<number> = of(1, 2, 3);o.pipe( Operators.map((x) => x + 1)).subscribe((x) => console.log(x));

微信搜一搜曾经成为微信里一个重要性能。提交小程序页面和内容的信息到微信的搜一搜，被搜一搜收录，微信小程序提供了相干的api。目前，微慕专业版和增强版曾经提供了这个性能。为了不便开源版用户的小程序提交页面和内容到微信搜一搜。微慕团队开发了一个收费的插件，提供给开源版用户。 留神：不限定微慕小程序开源版才能够应用，此插件反对所有应用wordpress作为后盾的小程序。 插件下载地址插件在wordpress下载地址： https://wordpress.org/plugins... 或者在wordpress后盾的插件装置页面搜寻：minapper-wechat-search 镜像下载地址 1.https://github.com/iamxjb/min...2.https://gitee.com/iamxjb/mina...3.https://codechina.csdn.net/xj... 启用插件通过ftp上传到wordpress的插件目录，而后启用插件 在小程序后盾开启搜寻服务1.开启页面内容接入：进入小程序管理后盾，抉择“页面内容接入” 2、开启内容搜寻：在小程序的后盾治理，抉择“微信搜一搜”，而后抉择“内容搜寻” 增加一个类目（一个月只能批改一次，请谨慎抉择） 插件设置在wordpress小程序后盾，抉择“微信搜寻助手”，而后在设置页面填写相干内容. 注：“提交内容搜寻类目”项抉择刚刚在小程序后盾一样的类别 提交微信搜寻在wordpress小程序后盾，抉择“微信搜寻助手”->”提交微信搜寻”。 选中须要提交的文章，提交页面搜寻和内容搜寻。 一次不要提交太多的文章，最好管制在5个左右，否则可能会导致提交失败。 对于内容搜寻，须要先推送测试数据，在插件里推送完测试数据后，在小程序后盾提交审核 测试数据审核通过后，在插件里推送正式数据，并在小程序后盾提交审核。第一次推送正式数据实现推送并提交审核；通过后能够自在推送正式数据 第一次推送正式数据须要通过审核，须要实现推送并提交审核；通过后能够自在推送正式数据. 审核通过了，就能够在微信搜一搜里搜寻小程序的内容了。 留神： 1.搜一搜会针对推送的正式数据在7天内实现审核，并且给予反馈。 2.数据审核通过后，推送的正式数据可能在线上被搜寻到。 3.内容上线后，须要放弃定期更新，否则更新不及时会呈现死链状况，影响前端用户体验。最终会影响开发者内容的排序后果。针对非时新性内容，须要放弃至多一周一次的推送频率，须要更新新生产的内容同时须要删除曾经不存在的内容； 针对时新性内容，依据须要的更新频率更新。 4.内容更新后，个别会在隔天被同步进入索引。除去内容因为低质问题被过滤掉，内容在24小时内至多能够通过搜寻题目呈现。针对时新性内容，须要提前申明，有非凡的时新性队列能够实时建设索引，保障推送的内容能够更快被搜寻到。 无关微信搜一搜的官网领导文档参考：https://developers.weixin.qq.... 谢谢你的浏览。

间隔微慕开源上次更新（上次更新是2020年8月9日）曾经过来半年了，最近我对微慕小程序开源版做了一些小的降级和欠缺，除了修复一些bug外，次要减少了两个外围性能：直播、扩大设置和提交微信搜一搜 直播直播当初是各家小程序的标配了，微慕专业版3.0版和增强版2.0版都曾经提供了此性能。微慕开源版不少用户有直播的资质须要这个性能，因而在开源版新的版本里减少了直播性能。 对于如何开明小程序直播请参阅文章：微信小程序直播装置和开发指南 如果不须要或没有获取直播权限的用户，特地是如果没有直播权限，编译小程序会报错，能够禁用这个性能，禁用的办法是在小程序的app.json文件里删除如下代码（包含开端的逗号）： 思考到有些用户没有直播权限，因而没有把直播的列表页面（门路是：/pages/live/live）放到工具栏，在直播列表里显示的是所有直播间，点击进去后能够进某个直播间。 这个直播间的列表不是实时更新的，如果创立新的直播间，或者直播间状态扭转了，须要有“管理员”权限的用户，在“我的”页面去手动更新。 扩大设置微慕开源版的定位：是帮忙wordpress站长通过简略的配置就能疾速搭建一个微信小程序。但以前的版本，在配置上还是有点负简单，特地是小程序的配置，如果不懂代码的人，配置起来的确有难度；同时，在客户端的配置，如果有改变，就必须从新提交申请，比拟麻烦。 微慕开源版4.0版把首页滑动图片和精选栏目的设置，通通转移到了插件后盾，这样就大大减少了小程序端的配置，当初小程序端的配置域名、小程序名、每页显示文章数即可： 当初能够通过插件的后盾首页滑动图片跳转和精选栏目的跳转。办法如下，在小程序的后盾抉择“微慕小程序”-》“扩大设置” 具体的设置项如下： 1、跳转类型，有三种类型的跳转 A、跳转到小程序内页面。就是跳转跳转到小程序自身的页面B、跳转到其它小程序C、跳转到网页。留神这个网页链接必须是业务域名。（集体主体的小程序没有此权限）；同时，也能够跳转到小程序绑定的公众号文章。 2、appid 只有设置为“跳转到其它小程序”才须要填写。 3、小程序门路 “跳转小程序内页面”和“跳转到其余小程序”都必须填写这个设置项。对于微慕小程序来说，这个门路是以“/pages”结尾的，比方跳转到直播列表的页面的门路为：/pages/live/live,如果有页面有参数，还必须带上参数，例如跳转到某个文章详情页：/pages/detail/detail?id=1872 留神：这个门路不能是tabar导航栏里跳转的页面，具体来说，不能跳转“首页”，“专题”，“我的”三个页面。 4、url地址“跳转网页”必须设置这个我的项目，url地址是蕴含业务域名的网址。 5、题目 此项必填，用于显示跳转的文字说明。 设置完后，就会在小程序的首页实时显示，不必批改小程序的代码和从新提交审核。 特地申明：此扩大调整的性能采纳的开源版代码：https://github.com/JoeSz/Exop...，致谢此代码开发者。 微慕搜寻助手插件微信搜一搜曾经成为微信里一个重要性能。提交小程序页面和内容的信息到微信的搜一搜，被搜一搜收录，微信小程序提供了相干的api。目前，微慕专业版和增强版曾经提供了这个性能。为了不便开源版用户的小程序提交页面和内容到微信搜一搜。微慕团队开发了一个收费的插件：微慕搜寻助手，提供给开源版用户。 插件介绍和下载地址：提交微信搜一搜插件：minapper-wechat-search 插件的截图如下： 谢谢你的浏览，谢谢你对微慕的反对。

最近微慕专业版做一次小版本的更新， 次要更新了如下性能： 1.视频号扩大链接首页、分类、小店、动静、商品、文章、话题等页面减少视频号扩大链接。2.小商店减少商品搜寻性能，优化对新版交易组件的反对。3.流量主广告减少视频前贴广告，首页及文章页减少插屏广告，优化激励视频广告。文章和话题的插屏及激励广告能够在后盾批量设置。4.动静话题短代码减少对动静话题的短代码反对,后盾和小程序都反对快捷插入短代码。5.邀请好友减少邀请好友获取积分性能，目前仅反对首页和赚积分页面。6.登录优化减少对多设施多账户同时登录的反对，并获取登录设施的信息。减少显示集体设施和材料的页面。7.视频专页减少纯视频专页，反对激励广告和付费浏览。8.搜一搜内容搜寻减少了微信搜一搜内容搜寻的api提交。 具体介绍下次要更新的性能。 视频号扩大链接视频号无疑是微信里最亮眼的“新明星”，是在公众号、小程序后最重要的微信性能，挪动短视频时代未然开启。目前，在视频号能够绑定微信小商店（包含组件版的小商店），同时在发视频的时候能够填写一个公众号链接作为扩大链接。目前尚不反对绑定小程序。如何视频号的链接关上你小程序呢？通过公众号的群发文章的链接成为一种可行的路径。 在微慕专业版3.6里，咱们减少了“视频号”扩大链接的性能，一键点击，就能够获取视频号的扩大链接，能够间接嵌入到视频号扩大链接里。 目前反对首页、分类页、动静页、小店页面、文章详情页、话题详情页 同时，反对在微慕插件的后盾治理这些扩大链接。 流量主广告优化流量主广告是小程序最重要的变现路径。在3.6版本里，减少视频前贴广告，首页及文章页减少插屏广告，优化激励视频广告。视频前贴广告次要利用在本地服务器的视频，不反对其余第三方视频，包含腾讯视频。 在流量主广告里，激励视频、插屏广告是收益比拟高的，尽管对用户不那么敌对。为了不影响用户体验，在微慕插件的后盾能够设置是否开启激励视频或插屏广告。 同时，为了不便设置广告，在微慕插件的后盾提供了批量开启（或勾销）文章详情广告。 动静话题反对短代码在微慕专业版3.0提供了文章的短代码性能，3.6版本新增对动静话题的短代码反对。短代码的性能对文章和话题内容的多样性和丰盛度带来的极大的晋升。同时，话题短代码在小程序端增加。 邀请好友微信小程序分享性能没有提供分享胜利后的反馈，也就无奈对分享小程序的用户进行激励。在3.6版本里减少这个分享邀请的性能，用户能够通过分享或者邀请图片来邀请好友关上小程序，取得邀请的用户首次登录后，分享用户就会取得积分处分。 后续将持续欠缺此性能，将思考记录每次分享行为，统计分享和邀请沉闷用户。 登录优化以前的版本，只反对一个设施登录，如果换设施须要从新登录，这个给用户带来比拟大不不便。在新的3.6版本里，岂但减少多设施登录，同时反对多账户登录，并显示以后登录设施的信息。 谢谢你浏览，谢谢你对微慕的反对。

微信这个巨无霸的App在2020年的性能迭代十分大，微信生态圈的性能越来越多，其中最引人注目就是视频号和小商店了。看过李笑来写过一篇文章：微信互联网平民守业, 他说： 一转眼，到了 2020 年，微信的 10 周年都过来了…… 十年之间，微信吞噬了整个世界…微信不再只是一个熟人间免费发音讯的利用了。甚至，连互联网圈、投资圈里的人常常用来形容微信的那个词 —— 操作系统 —— 也彻底不够用了…… 微信罗唆是个残缺的互联网 —— 所有人都在下面的挪动互联网 —— 也就是说，先是互联网吞噬了整个世界，而后，微信吞噬了互联网…… 整个互联网简直全都要搬到微信上了。 微慕小程序专业版v3.5 微信推出小商店的性能，就是进一步拓展微信购物这个微小市场。 目前小商店有两个版本：1.独立版的小商店，无论是集体还是企业都能够开店，人人都能够卖货了。2.组件版小商店：小程序购物组件，即把小商店的性能内嵌到一个小程序里，让小程序具备一个小型购物商城的性能。 微慕小程序专业版自推出以来，始终有用户想在专业版里退出购物的性能，不过咱们的团队始终没有退出，次要有两个起因：1、购物性能波及细节很多，从商品、领取、订单、促销等等，要思考的性能很多，咱们目前团队力量不足以很好实现这个工作，也无奈做出一个很优良的购物程序。2、微慕小程序专业版定位一个资讯、媒体、社区类的小程序，有购物的需要，但并不是最外围的需要，就是算有购物的需要也应该是一个简略的购物小店，而不是一个大商城。 微信小程序推出的小程序购物组件，能够说比拟完满的符合了，我对微慕小程序里的购物性能的冀望。如果你有本人的小程序，交融购物性能，但又不想搞一个大商城那么简单，“微慕小程序+组件版小商店”是一个十分完满的组合： 1、完满内嵌在小程序外部，同时放弃肯定的独立性，和原小程序的性能互不烦扰。2、小商店后端应用的微信服务，不必放心数据存储和网络性能。对于团购或秒杀类的性能，齐全不必放心服务器性能的问题。3、能够共享小程序的会员治理，不便经营推广。4、简略开发，就能够定制出个性化的小商店。 在这样一个背景下，咱们团队近期正式公布：交融的微信小商店的版本-微慕小程序专业版v3.5 微慕小程序专业版v3.5的小商店次要包含以下性能： 1.商品浏览2.商品分类展现和治理;3.优惠券;4.购物袋;5.顾客端商品下单、领取、收货;6.商家端订单浏览，订单发货; 以下是微慕版专业版小商店的性能截图 1.小商店首页 2.分类浏览 3.商品详情 4.订单治理 无关微信小商店开发、，能够看看我最近的两场直播的回放，扫描一下二维码看回放： 目前组件版的小商店可能实现一个残缺购物流程，但还很不欠缺，甚至能够说还存在不少的bug，小商店成熟和倒退还有很长的路要走。

开发应用uniapp语法，Hbuilder打包到微信小程序中进行 引入组件之后不进行注册不会报错，能够应用，然而页面不会呈现组件，会呈现其插槽中的内容，通过调试工具查看未发现#shadow root 这个节点组件状态批改后其页面不肯定会刷新

钻研目标钻研反编译的起因就是我本人辛苦了半个月写的小程序，遗记备份放在桌面，心急体验Win11零碎 重装系统遗记备份源码，后悔莫及。 起初网上找了反编译的教程，反编译曾经上线了的小程序 于是本人尝试了一下，真的能够，源码可算找回来了！ 于是发帖分享一下反编译的流程。 筹备工作1、微信电脑版（倡议最新版） 2、Node.js环境 3、小程序程序包解密工具 4、反编译脚本 小程序程序包解密工具和反编译脚本：https://king.lanzoui.com/ipSe... 操作步骤1、装置Node.js环境 Node.js下载：https://nodejs.org/zh-cn/ 2、登录微信电脑版，运行你想要反编译的小程序，每个页面都点一下，确保所有页面的加载。实现后，找到你的微信文件贮存目录。 找到Applet这个目录，外面找到你方才关上的小程序的appid就是对应的加密程序包了 3、解密。关上解密工具，抉择方才找到的加密包目录，导入解密工具进行解密，解密后就失去wxapkg程序包了。 4、将wxapkg程序包复制到反编译脚本目录wxappUnpacker-master外面，用cmd工具cd到wxappUnpacker-master目录，顺次装置以下依赖。 npm install esprimanpm install css-treenpm install cssbeautifynpm install vm2npm install uglify-esnpm install js-beautify 所有依赖装置完，即可开始反编译。 5、反编译。运行反编译命令，既node wuWxapkg.js 解密程序包。 node wuWxapkg.js wxe1577ebe280af504.wxapkg 6、反编译胜利就会在同一目录下生成以后反编译的小程序appid的目录。 反编译后的wxml、wxss、json根本都是跟之前你写的截然不同，然而js会有大量中央被其余字符串代替了，例如true用!1，false用!0等代替了，根本能够本人手动改改就能够，不改也不影响。

需要：TabBar中点击发动较量跳转到一个空页面，依据用户状态，通过路由跳转到不同的页面，问题在于返回的时候。须要返回用户点击发动较量之前的TabBar页面。 问题：一、无奈获取用户点击发动较量之前的界面 起因：TabBar页面之间切换的时候，旧的TanBar页面会出栈，新的TabBar页面会入栈。所以无奈获取上一个TabBar页面。验证：别离在两个TabBar页面，首页Index，发动较量createMatch，以及依据状态跳转的填写较量的fillMatchInfo的界面通过 getCurrentPages 打印以后页面栈。首先启动小程序，首页中打印：点击发动较量，在createMatch空页面中打印：发现页面栈当初只有一个createMatch页面依据用户状态，当初跳转到填写较量信息fillMatchInfo的界面，当初页面栈外面有两个页面。解决办法：在model外面本人定义一个页面栈。就能够获取到用户点击发动较量之前的TabBar页面。而后在返回的时候，依据自定义页面栈的url进行路由跳转。那么新的问题又来了，怎么管制返回到指定页面？二、如何返回到指定页面进入到发动较量createMatch页面后，会依据用户状态，跳到相应页面，这里是用navigateTo Taro.navigateTo({ url: '../fillMatchInfo/fillMatchInfo'})navigateTo：保留以后页面，跳转到利用内的某个页面。然而不能跳到 tabbar 页面。应用 Taro.navigateBack 能够返回到原页面。小程序中页面栈最多十层。 navigateBack：敞开以后页面，返回上一页面或多级页面。可通过 getCurrentPages 获取以后的页面栈，决定须要返回几层。 然而页面栈中没有想要跳转的页面，所以不能用navigateBack的办法。 解决办法：用navigateTo的时候会呈现小程序自带的返回键。小程序自带的返回键不反对自定义门路。一种解决办法就是在生命周期函数中监听页面卸载，而后进行路由跳转。 用switchTab跳转呈现的问题是，确实会返回首页，然而返回首页之后又马上跳转到填写较量信息页面。回到首页的时候在onshow外面打印的页面栈只有首页，然而又马上跳转到填写较量信息页面，在此页面的onshow中打印页面栈有首页和较量信息。用reLaunch跳转用relaunch跳转就会敞开以后所有页面栈。能达到目标，然而因为敞开所有页面栈会呈现一个卡顿.最终终局办法在全局的model外面自定义一个TabBar页面栈。在TabBar页面componentDidHide的时候把页面信息入栈（因为页面进入后盾必定是有页面的切换）是须要跳转页面的生命周期函数componentWillUnmount中监听页面卸载，而后进行路由跳转。(url来源于自定义页面栈的栈顶元素）

文中的每一条实际都是在本人我的项目当中实在利用的，所以说，本文相对实用。每一条实际的内容我依照三个局部来说：根本配置，次要逻辑代码，如何利用 自定义导航栏根本配置// 单页面配置page.json{ "navigationStyle": "custom", // 其它配置项 "navigationBarTextStyle":""}// 全局配置app.json{ "window":{ "navigationStyle": "custom", // 其它配置项 "navigationBarTextStyle":"" }}注 1：对于navigationStyle iOS/Android 客户端 7.0.0 以下版本，navigationStyle 只在 app.json 中失效。iOS/Android 客户端 6.7.2 版本开始，navigationStyle: custom 对 web-view 组件有效开启 custom 后，低版本客户端须要做好兼容。开发者工具根底库版本切到 1.7.0（不代表最低版本，只供调试用）可不便切到旧视觉Windows 客户端 3.0 及以上版本，为了给用户提供更合乎桌面软件的应用体验，对立了小程序窗口的导航栏，navigationStyle: custom 不再失效组件封装wxml// navBar.wxml <view style="height:{{navigationHei}}px; top:{{navigationTop}}px; padding-left:{{paddingLeft}}px" class="nav-bar"> <view class="nav-bar-left"> <!--返回按钮标签--> <image bindtap="back" src="{{imgArrow}}" class="nav-bar-arrow" mode=""></image> <!-- 左上角文字 --> <text class="nav-bar-left-text">返回</text> </view> <!--题目内容--> <view class="nav-bar-content"> <slot></slot> </view></view>wxss// navBar.wxss 款式.nav-bar{ position: fixed; width:100vw; left:0; top:0; background: chartreuse; box-sizing: border-box;}.nav-bar-left{ display: flex; height: 100%; align-items: center;}.nav-bar-arrow{ width:19rpx; height: 34rpx; margin:0 24rpx;}.nav-bar-left-text{ font-size:33rpx; color: #fff;}.nav-bar-content{ position: absolute; left:0; top:0; width:100%; height: 100%; display: flex; align-items: center; justify-content: center;}jsComponent({ properties: {}, data: { navigationTop: 0, // 导航栏顶部高度 navigationHei: 20, // 导航栏高度 paddingLeft: 0, // 导航栏做内边距 imgArrow: "http://m.jqtianxia.cn/rubbish/common/icon-arrow-left.png" // 返回箭头 }, ready: function () { // 状态栏高度 const {screenWidth,statusBarHeight} = wx.getSystemInfoSync(); // 胶囊按钮 const {height,top,right} = wx.getMenuButtonBoundingClientRect(); // 右边内边距 const paddingLeft = screenWidth - right; const navigationHei = (top - statusBarHeight) * 2 + height; this.setData({ navigationTop: statusBarHeight, navigationHei, paddingLeft }) }, methods: { back: function () { wx.navigateBack({ delta: 1, }) } }})json{ "usingComponents": {}, "navigationStyle":"custom", "navigationBarTextStyle":"black"} ...

对于公众号开发，这曾经是很老的话题的，之前倒是也做过些许，不过写的都是后端的接口，对于前端操作的一些流程还不是很分明，比方很重要的一个入口性能，受权的流程。 说到受权登录，微信小程序也有受权登录，两者受权登录过程大同小异，都是先拿code换取openid（用户对以后公众号或小程序的惟一标识）和access_token。留神，此处access_token与根底反对中的access_token不同，此处的access_token是依据每个用户的不同生成的，每个用户都不一样，而根底access_token是对接口调用的标识。而后小程序的话前端能够间接拿到用户信息（微信头像、昵称、地区和性别信息） ，而公众号号就须要通过openid和access_token调用接口来获取用户根本信息。 公众号用户受权基于受权作用域（scope参数）的不同，分为静默受权（scope为snsapi_base）和非静默受权（scope为snsapi_userinfo）。静默受权就是用户无感知的就受权了，但只能不弹出受权页面，间接跳转，只能获取用户openid，非静默受权会弹出受权页面，可通过openid拿到头像、昵称、性别、所在地。并且， 即便在未关注的状况下，只有用户受权，也能获取其信息 。 公众号受权登录的成果大略都像上面这样，就是一进入首页就弹出让用户受权的弹窗（非静默受权）。 前端次要网页受权步骤如下 // 受权获取code toRedirect() { let redirect_uri = encodeURIComponent(this.$redirect_uri); let url = this.$auth_url.replace('REDIRECT_URI',redirect_uri); if (this.wechatCode == null || this.wechatCode === '') { window.location.href = url; } else { this.saveOpenID(); } }, // 截取url中的code办法 getUrlCode() { var url = location.search var theRequest = new Object() if (url.indexOf("?") != -1) { var str = url.substr(1) var strs = str.split("&") for (var i = 0; i < strs.length; i++) { theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]) } } return theRequest }, // 拿code换取accessToken和openid最初获取用户信息 saveOpenID() { if(this.wechatCode) { this.getOpenId(); } }, getOpenId() { let url = this.$api_url + this.$access_token_uri + '/' + this.wechatCode; uni.request({ async: false, url: url, method: 'GET', success: (res) => { console.log('getOpenId:',res); this.userOpenid = res.data.data.openid; this.accessToken = res.data.data.access_token; uni.setStorage({ key: 'user_openid', data: this.userOpenid }); this.login(); } }) }, // 获取登录用户信息 login() { let url = this.$api_url + this.$user_info_uri + '/' + this.accessToken + '/' + this.userOpenid; uni.request({ async: false, url: url, method: 'GET', success: (res) => { console.log('login:',res); uni.setStorage({ key: 'user_info', data: res.data.data }) } }) }, onLoad() { if (!this.userOpenid) { this.wechatCode = ''; this.wechatCode = this.getUrlCode().code; this.toRedirect(); }; },上一篇：疾速注册认证小程序，免300元认证费 ...

微信小程序面试总结简略形容下微信小程序的相干文件类型?微信小程序我的项目构造次要有四个文件类型 WXML（WeiXin Markup Language）是框架设计的一套标签语言，联合根底组件、事件零碎，能够构建出页面的构造。外部次要是微信本人定义的一套组件WXSS (WeiXin Style Sheets)是一套款式语言，用于形容 WXML 的组件款式js 逻辑解决，网络申请json 小程序设置，如页面注册，页面题目及tabBar次要文件 app.json 必须要有这个文件，如果没有这个文件，我的项目无奈运行，因为微信框架把这个作为配置文件入口，整个小程序的全局配置。包含页面注册，网络设置，以及小程序的 window 背景色，配置导航条款式，配置默认题目app.js 必须要有这个文件，没有也是会报错！然而这个文件创建一下就行 什么都不须要写当前咱们能够在这个文件中监听并解决小程序的生命周期函数、申明全局变量app.wxss 可选小程序的双向绑定和vue哪里不一样?小程序间接 this.data 的属性是不能够同步到视图的，必须调用： this.setData({ // 这里设置})小程序页面间有哪些传递数据的办法?应用全局变量实现数据传递在 app.js 文件中定义全局变量 globalData， 将须要存储的信息寄存在外面 // app.jsApp({ // 全局变量 globalData: { userInfo: null }})应用的时候，间接应用 getApp() 拿到存储的信息 应用 wx.navigateTo 与 wx.redirectTo 的时候，能够将局部数据放在 url 外面，并在新页面 onLoad 的时候初始化 // Navigatewx.navigateTo({ url: '../pageD/pageD?name=raymond&gender=male',})// Redirectwx.redirectTo({ url: '../pageD/pageD?name=raymond&gender=male',})// pageB.js...Page({ onLoad: function(option){ console.log(option.name + 'is' + option.gender) this.setData({ option: option }) }})须要留神的问题：wx.navigateTo 和 wx.redirectTo 不容许跳转到 tab 所蕴含的页面onLoad 只执行一次应用本地缓存 Storage 相干 ...

工夫过的总是很快，端午节假期又过来了，然而我又开始期待下一个节假日中秋节的到来，尽管那是三个月当前的事件。假期说是三天，其实就放了一天，因为还有两天原本就是周末，正因为赶上了和周末一起，所以才没有调休，不然依照惯性，是非得调休不可的。即便是实际上只休一天，每次节前还是很期待假日的到来，也不晓得为啥，。 疾速注册认证小程序，免300元认证费 往年端午节没回老家，但还是依照老家的风俗，买了艾草，鸭蛋，桃子，用艾草煮了鸭蛋，端午节算是过了。三天假期也没出去玩，天气也挺热的。节前给本人定的是，要利用这三天撸个小零碎，【疾速注册认证小程序，免300元认证费】。于是就待在家里撸代码，每天一杯奶茶，撸的昏天黑地，所幸，也如期上线了。 这个零碎存在的意义，或者说次要性能就是解决传统注册小程序以及认证的繁琐流程。注册小程序须要筹备大量的信息材料，注册完还须要认证，认证小额打款也须要肯定工夫。 这个零碎采纳法人人脸识别形式代替小额打款等认证流程，极大的加重了小程序主体、类目资质信息收集的人力老本。 只需收集法人姓名、法人微信、企业名称、企业代码信息这四个信息，便能够向企业法人下发一条模板音讯来采集法人人脸信息，实现全副注册、认证流程。 法人收到创立胜利后的小程序APPID时，同时下发模板音讯给法人，提示法人进行邮箱和明码的设置，便于后续法人登录小程序控制台进行治理。 最重要的是，通过该办法创立的小程序默认为“已认证”，无需交 300 元认证费，疾速注册，三分钟实现认证。 次要菜单包含，注册指南、疾速注册、常见问题、设置账号、订单信息，上面来看一下效果图。 注册指南：次要就是对注册步骤的一些介绍 疾速注册：次要就是注册认证小程序的提交信息和注意事项 常见问题：次要就是注册过程遇到的一些常见问题以及解决办法 设置账号：次要就是注册胜利后对小程序设置账号和明码的步骤 订单列表：次要就是对注册的一些信息记录，能够通过企业代码（也就是对立社会信用代码）来查问本人注册的一些记录信息。 注册地址小程序后盾治理

官网解释OpenID用户惟一标识，请留神，在未关注公众号时，用户拜访公众号的网页，也会产生一个用户和公众号惟一的OpenID UnionID通过获取用户根本信息接口，开发者可通过OpenID来获取用户根本信息，而如果开发者领有多个公众号，可应用以下方法通过UnionID机制来在多公众号之间进行用户帐号互通。只有是同一个微信开放平台帐号下的公众号，用户的UnionID是惟一的。换句话说，同一用户，对同一个微信开放平台帐号下的不同利用，UnionID是雷同的。 了解形式微信号假如微信号是咱们作为微信用户的惟一标识，那么用户 A 的微信号是 _1232sdasf ，用户 B 的微信号是 helloBBBBB那咱们在获取用户微信的时候，微信必定不会返回具体的微信号给咱们，对吧？为什么不呢？如果返回微信号，那咱们就能够依据微信号来加很多很多很多人啦~~~想想微信号落入了有神思的人手里，是件多麽可怕的事....所以，在用户受权的信息中，是不会波及到微信号的信息的。那通过什么来辨认用户呢？请持续往下看 ↓↓↓↓↓↓↓ OpenID申请公众号、小程序的时候，都有一个 APPID，这个是以后账号的标识。另外还有一个APPSERECT，用于解密数据应用。OpenID就是用户在某一公众平台下的标识。 OpenID = 用户微信号 & 公众平台APPID（两个数据加密失去的字符串）举个小明微信号是 T1928738ss，公众号 A 是 A商城，公众号 B 是 B商城。此时进入 A 商城，则 A 商城获取到的小明的 openID 是 33487793847837734，此时进入 B 商城，则 B 商城获取到的小明的 openID 是 48423948753248900，小明在A和B商城之间领有不同的身份标识，且身份标识是惟一的也就是说，在一个公众号内，不论进入了多少次，还是一个 openID同理，小明在进入小程序C、小程序D、公众号F ... 这些零碎中，其实后盾获取到的OpenID 都是不同的。那么，如果一个商家，既想在公众号上做商城，也想在小程序端做一个商城，小明进入之后，会产生两个不同的OpenID，岂不是有两个小明用户？这非常奇怪吧... 简略想像一下，你从公众号里进入一个网页版的拼夕夕商城，账号里有10的拼豆，然而进入小程序版的拼夕夕商城，账号里只有1个拼豆，是不是很茫然？是谁模拟了我的帅.....那么为了避免这样的“怪异”景象产生，咱们要解决的问题是：要如何确定小明这个人在进入“同一个”商城中，是“同一个”用户呢？请持续往下看 ↓↓↓↓↓↓↓ UnionID先引出一个开放平台的概念 微信开放平台作为第三方挪动程序提供接口，使用户可将第三方程序的内容公布给好友或分享至朋友圈，第三方内容借助微信平台取得更宽泛的流传。从而造成了一种支流的线上线下微信互动营销形式。联合UnionID 的解释 UnionID机制的作用阐明：如果开发者领有多个挪动利用、网站利用和公众帐号，可通过获取用户根本信息中的unionid来辨别用户的唯一性，因为同一用户，对同一个微信开放平台下的不同利用（挪动利用、网站利用和公众帐号），unionid是雷同的。开放平台的性能有很多，不过咱们明天的指标就是要把公众号和小程序连贯在同一个开放平台下。在申请开放平台的时候，也失去这个开放平台的 APPID 和 APPSERECT。 UnionID = 用户微信号 & 开放平台APPID（两个数据加密失去的字符串）把公众号和小程序连贯在同一个开放平台下之后，无论小明从小程序进入，还是从公众号进入，在后盾获取信息中就会失去的openID和UnionID，OpenID是不同的，UnionID 是雷同的，通过UnionID就能够明确晓得是小明这一个人。 总结OpenID 是 微信号与公众平台APPID 加密后失去的用户标识。UnionID 是 微信号与开放平台APPID 加密后失去的用户惟一标识，前提是各个公众平台须要先绑定到同一个开放平台，能力从各平台中获取到同一个UnionID。

小程序一个页面上不能存在多个video组件,否则会产生播放视频始终处于加载中的景象。所以换了个方法，采纳未播放时展现海报image，点击时切换为video播放，确保页面上只有一个video //wxml<block wx:for="videoList" wx:key="id"><image wx:if="{{videoId!=item.id}}" catchtap="playVideo" data-video="{{item.id}}" src="/images/video-poster.png" ></image><video wx:else src='{{item.video}}' object-fit="cover" autoplay></video></block>//videoId确定播放哪个//autoplay确保video呈现时播放//js//播放视频,实质就是切换videoIdplayVideo(e){ var {video:videoId} = e.currentTarget.dataset; this.setData({ videoId })}

微信小程序商品详情轮播视频+图片混合次要问题图片及视频自适应屏幕依据资源类型进行渲染滑动切换后进行视频播放滑动切换后更新资源序号所需组件swiperswiper-itemimagevideo外围代码details.wxml <view class="thumbs"> <!-- 资源数量大于等于2时才应用swiper,一个资源无需swiper,没有资源请自行处理 --> <swiper wx:if="{{ total >= 2 }}" circular="{{ true }}" style="height: {{width}}px;" bindchange="onSwiperChange"> <swiper-item wx:for="{{ thumbs }}" wx:for-item="thumb" wx:key="index"> <image style="width: 100%; height: 100%;" class="thumb" wx:if="{{ thumb.type === 'image' }}" mode="aspectFit" src="{{ thumb.url }}" title="{{ thumb.title }}" alt="{{ thumb.title }}"></image> <video id="video-{{index}}" style="width: 100%; height: 100%;" class="video" wx:if="{{ thumb.type === 'video' }}" show-fullscreen-btn="{{ false }}" src="{{ thumb.url }}"></video> </swiper-item> </swiper> <view wx:else> <!-- 单个资源时, 请留神通过style属性设置其width,heigth属性,否则不会显示--> <image wx:for="{{ thumbs }}" wx:for-item="thumb" wx:key="index" style="width:{{width}}px; height:{{width}}px;" class="thumb" wx:if="{{ thumb.type === 'image' }}" mode="aspectFit" src="{{ thumb.url }}" title="{{ thumb.title }}" alt="{{ thumb.title }}"></image> <video wx:for="{{ thumbs }}" wx:for-item="thumb" wx:key="index" id="video-{{index}}" style="width:{{width}}px; height:{{width}}px;" class="video" wx:if="{{ thumb.type === 'video' }}" show-fullscreen-btn="{{ false }}" src="{{ thumb.url }}"></video> </view> <view class="counter"> <text class="index">{{ index }}</text><text class="spec">/</text><text class="total">{{ total }}</text> </view></view>details.js ...

一、前言 更多文章返回 -> 微信小程序直播间开发抽红包性能 微信小程序直播是微信官网提供的商家经营工具，商家可通过在小程序内直播实现用户互动与商品销售的闭环，无需任何的跳转，进步下单转化率，直播更是成为链接商家和消费者的重要销售渠道！ 小程序直播具备评论、点赞、连麦、拍一拍等丰盛的互动性能，抽奖、优惠券等高效的营销性能，以及成员治理、评论治理、推流直播、数据看板等欠缺商家工具。通过引入小程序直播组件，商家自有小程序可疾速具备直播能力，晋升经营效率。 尽管有抽奖，优惠券的营销性能，然而却没有红包性能，如果有红包性能，减少了和用户的互动，更能吸引用户留下来观看直播。其实，咱们是能够本人在直播间开发红包性能的。当然，要实现这个性能，小程序要先开明直播权限，开明直播权限需满足小程序近90天内有过领取行为，如果因为这个无奈开明的分割我，能够疾速开明。 二、思路 说一下这个性能实现的思路，首先后盾做一个录红包的菜单，字段包含主播名称、主播头像、标语(恭喜发财，大吉大利)、无效工夫、红包金额、红包个数、残余现金红包金额、残余现金红包个数、创立工夫、版本号(乐观锁)，还要有一个抢红包记录表，字段包含红包id、抢到红包用户的id、抢到红包用户的名称、抢到红包用户的头像、抢到的红包金额、创立工夫。而后去小程序直播后盾录商品，商品门路字段填写要跳转的小程序红包页面门路，须要在前面拼接红包id参数，比方像这样， pages/redPacket/redPacket.html?redPacketId=123456当用户在直播页面点击该商品进入红包页面，前端就能够拿到红包id传给后盾接口，查到该红包的相干信息，做各种操作了，比方生成随机金额，扣减红包金额和个数等等。这个须要主播疏导用户做好抢红包的筹备，而后直播间助理通过上架商品来显示红包商品。 思路很简略，代码实现起来也很简略，然而咱们须要思考几个问题， 1、抢红包就像秒杀商品一样，是拼手速的，要思考并发，不能呈现超卖(这里是超抢)的景象，不然亏的是老板的，就该找你聊天了。这里咱们采纳简略的乐观锁来解决这个问题。 2、如果乐观锁更新失败，间接返回给用户提醒抢到空红包或其余敌对提醒也是能够的，然而如果咱们减少重试机制的话，体验会更好点。这里咱们采纳注解的形式进行重试，默认重试3次。 三、实现 咱们先来实现注解重试的性能，且看代码如下 /** * 定义重试机制注解 */@Retention(RetentionPolicy.RUNTIME)@Target(ElementType.METHOD)public @interface ApiRetry { /** * 默认次数 * @return */ int value() default 3;}/** * 定义一个重试机制切面类 */@Slf4j@Aspect@Componentpublic class RetryAspect {@Pointcut("@annotation(com.redPacket.common.apiIdempotent.annotation.ApiRetry)")public void retryPointcut() {}@Around("retryPointcut() && @annotation(retry)")@Transactional(isolation = Isolation.READ_COMMITTED)public Object tryAgain(ProceedingJoinPoint joinPoint, ApiRetry retry) throws Throwable { int count = 0; do { count++; try { return joinPoint.proceed(); } catch (ApiRetryException e) { if (count > retry.value()) { log.error("重试失败!"); TransactionAspectSupport.currentTransactionStatus().setRollbackOnly(); throw new ApiRetryException("以后用户较多，请稍后重试"); } else { log.info("=====正在重试，第{}次=====",count); } } } while (true);}}/** * 定义一个重试机制的异样 */public class ApiRetryException extends RuntimeException { private static final long serialVersionUID = 1L; private Integer status = 0; private String msg; public ApiRetryException(String msg) { super(msg); this.msg = msg; } public ApiRetryException(String msg, Throwable e) { super(msg, e); this.msg = msg; } public ApiRetryException(String msg, Integer status) { super(msg); this.msg = msg; this.status = status; } public ApiRetryException(String msg, Integer status, Throwable e) { super(msg, e); this.msg = msg; this.status = status; } public Integer getStatus() { return status; } public void setStatus(Integer status) { this.status = status; } public String getMsg() { return msg; } public void setMsg(String msg) { this.msg = msg; }}/** * 定义异样处理器 */@RestControllerAdvicepublic class RestExceptionHandler { private Logger logger = LoggerFactory.getLogger(getClass()); /** * 解决重试机制异样 */ @ExceptionHandler(ApiRetryException.class) public JsonModel handleApiRetryException(ApiRetryException e){ JsonModel jsonModel = new JsonModel(); jsonModel.setStatus(e.getStatus()); jsonModel.setMsg(e.getMsg()); return jsonModel; }}对于红包接口就三个， ...

你是否曾幻想用代码扭转世界？ 你是否曾襟怀满腔的开发热血？ 如果你的答复是Yes，那么来报名参赛吧！2021高校微信小程序利用开发赛行将开赛！为你量身定做的程序舞台和幻想奖金池，让你的编程梦提前Run起来！ 往年大赛宣讲会将在“小程序”官网视频号直播，在微信搜寻小程序视频号预约即可观看直播。 寻找将来的IT青年2020年，微信小程序日活超4亿，曾经成为数字生存中不可或缺的一种利用状态，为用户带来便捷，也为泛滥开发者带来日趋完善的生态服务和不断丰富的凋谢能力。为了寻找那些行将步入职场的“IT青年”，让他们用0和1编织的幻想有迹可循，一年一度的高校微信小程序利用开发大赛应约而来，将于3月31日，热血启动！ 咱们欢送每一个蠢蠢欲动的幻想，来这里一展身手。 但在这之前，你须要急躁读完这份对于大赛的重点。 咱们是谁· 赛事介绍微信小程序利用开发赛是“中国高校计算机大赛”中的一项重要赛事，自2018年举办首届以来，参赛人数累计近5万人，咱们挖掘了许多优良的“IT青年”，他们从这里开始，开启了本人的职业幻想。2021年微信小程序利用开发赛由清华大学与腾讯公司微信事业群联结主办，面向寰球高校在校生凋谢。 咱们须要谁· 参赛对象留神！大赛面向中国及境外的高等学校在校学生（包含本科生、研究生、高职高专等）凋谢，你能够人多势众，也能够组队开黑，但有几点要求： 你能够单人参赛或自在组队，但每人只能加入一支队伍，集体参赛后不可再与别人组队参赛，或集体加入一支队伍后不可再加入另一支队伍；每支参赛队伍人数最多不超过4人，容许跨年级、跨专业、跨校和跨赛区组队；每支队伍最多容许有一名指导老师， 且必须为退职高校教师。参赛者应为在校生或2020年1月1日之后毕业的学生，且须要提供学信网的教育部学籍验证报告的在线验证码，境外高校就读学生应提供无效在读证明文件。须要什么作品· 参赛作品要求重点来了，对于参赛选手提交的作品，应为具备实用场景和对应性能的原创性微信小程序。 咱们激励各位参赛选手基于本身对社会热点或者校园场景的洞察，通过小程序来解决社会和校园问题，以实用性为前提进行创作，作品主题可在微信小程序凋谢的服务类目之内自在命题（匿名社交类目除外）。 有一点须要特地关注，参赛选手还能够抉择小程序云开发来创作： 对于应用小程序云开发实现的大赛作品（以下简称“云开发小程序”），将独立保障入围赛区决赛名额，并在全国决赛中独自设立云开发奖项。参加评比云开发奖项的作品，除恪守上述参赛要求之外，需以小程序云开发作为外围后端服务，并基于本身的功能设计和利用场景，正当使用云开发的一种或多种能力。何时开始PK · 赛程阐明报名入口： 从3月31日10点开始，同学们就能够通过登录微信小程序利用开发赛官网或者通过“微信学院”小程序，实现个人信息注册并且组队报名参赛（即便单人参赛也要组建单人队伍）。另外，升级全国总决赛队伍的领导老师将荣获优良领导老师奖，发放获奖证书。所有提交无效作品的参赛队伍也将取得一份参赛证书，作为咱们已经一起奋斗过的功勋章！ 同学们对于大赛相干的问题，能够在微信凋谢社区-微信小程序利用开发赛（如下）中探讨，官网也会定期进行问题答疑。重点划完了，但精彩才刚刚开始，快快招集小伙伴，擦亮键盘，让咱们在微信小程序利用开发赛中，看到你们，为了幻想，而奋力一击！

这几天无聊，写了个随机计算明天吃啥的小程序。 能够录入常吃的菜单，在“吃啥”输出菜单 点击随机吃啥就会提醒吃啥了

微信开发工具关上始终无奈刷新二维码，显示网络连接失败，问题如下： 决绝办法批改一下设置代理，将零碎代理批改为不实用任何代理

集结一帮喜爱小程序开发的敌人，一起分享小程序应用心得，分享本人开发的利用

第一款： 官网WeUI组件库，地址 https://developers.weixin.qq.com/miniprogram/dev/extended/weui/ 预览码： 第二款： ColorUI：地址 https://github.com/weilanwl/ColorUI 预览码： 第三款： vantUI（又名：ZanUI）：地址 https://youzan.github.io/vant-weapp/#/intro 预览码： 第四款： MinUI： 地址 https://meili.github.io/min/docs/minui/index.html 预览码： 第五款： iview-weapp：地址 https://weapp.iviewui.com/docs/guide/start 预览码： 第六款： WXRUI：暂无地址 预览码： 第七款： WuxUI：地址https://www.wuxui.com/#/introduce 预览码： 第八款： WussUI：地址 https://phonycode.github.io/wuss-weapp/quickstart.html 预览码： 第九款： TouchUI：地址 https://github.com/uileader/touchwx 预览码: 第十款： Hello UniApp： 地址 https://m3w.cn/uniapp 预览码： 第十一款： TaroUI：地址 https://taro-ui.jd.com/#/docs/introduction 预览码： 第十二款： Thor UI： 地址 http://www.donarui.com/guide.html 预览码： 第十三款： GUI：https://github.com/Gensp/GUI 预览码： 第十四款： QyUI：暂无地址 预览码： 第十五款： WxaUI：暂无地址 预览码： 第十六款： kaiUI： github地址 https://github.com/Chaunjie/kai-ui 组件库文档：https://chaunjie.github.io/kai-ui/index.html#/components 预览码： 第十七款： YsUI：暂无地址 预览码： ...

1、uni.navigateBack({delta: 1}) 有效在进行页面之间跳转的时候，明明应用了navigateBack语句进行页面返回，然而点击没有成果。 起因：从一个页面跳转到另外一个页面应用的路由形式是redirectTo，这种形式会将本来的页面敞开，这个时候则页面栈中只有以后这个页面了，不管怎么返回也都还在以后的页面。能够通过 getCurrentPages() 获取以后的页面栈，来进行验证。 2、Framework inner error (expect FLOW_INITIAL_CREATION end but get FLOW_CREATE_谬误场景：微信开发者工具进入一个page，该page中援用了组件，报错该页面渲染谬误Framework inner error (expect FLOW_INITIAL_CREATION end but get FLOW_CREATE_。 起因：将该页面中援用的组件正文掉之后，该页面能够失常渲染。以后page定义在student子包内，组件定义在home子包内，这个时候home包中的page没有进入过，导致home子包没有被加载进来。就会造成包的援用谬误。

<!-- wxml --><view class="father"> <view class="children1">块1</view> <view class="children2">块2</view> <view class="children3">块3</view></view>/* wxss */.father{ width: 100%; height: 300rpx; background-color: lawngreen;}.children1{ background-color: orangered;}.children2{ background-color: yellow;}.children3{ background-color: skyblue;}原始成果： 一、程度居中程度居中&程度排列/* wxss */.father{ width: 100%; height: 300rpx; background-color: lawngreen; display: flex; justify-content: center;}成果： 程度居中&垂直排列/* wxss */.father{ width: 100%; height: 300rpx; background-color: lawngreen; display: flex; flex-direction: column; align-items: center;}成果： 二、垂直居中垂直居中&程度排列/* wxss */.father{ width: 100%; height: 300rpx; background-color: lawngreen; display: flex; align-items: center;}成果： 垂直居中&垂直排列/* wxss */.father{ width: 100%; height: 300rpx; background-color: lawngreen; display: flex; flex-direction:column; justify-content: center;}成果： ...

解决办法：rich-text{ font-size:0;}

最近加入了一个小程序原生开发我的项目，尽管有好几年没写过小程序了，但还是记得那么一点。 不过也只是记得有点印象而已，当初再写还是得再好好看看文档，所以那些坑点还是趟了不少。 既然有坑那就来吐槽，不，来记录一番吧～ 布局时宽高用百分比不失效问题这个问题，用 vw 或 vh 代替就能解决 Page 里援用了 自定义组件，导致页面底部有大量空白区域这是一个奇葩问题，网上也没找到好的方法，刚开始认为会要卡不少工夫，起初无心中发现在外层容器上加一个 overflow: hidden; 能解决这个问题，amazing!这里最好再加一个最小高度： .wrapper { min-height: 100vh; overflow: hidden; padding-bottom: xxpx;}同级或跨多级组件与组件（或页面）之间数据通信对于简单的页面，比方有几个tab页须要切换，有很多自定义组件须要互相通信，在没有状态治理是很苦楚的。官网有一个页面与页面之间通信的事件 EventChannel，这个藏的挺深的，至多我没找到，用搜寻也没找到，官网API写的真是一言难尽，刚看这个API时还认为能解决我的须要，但它又没写分明具体场景，而后网上找其余文章才发现只是页面之间的事件通信，不满足我的需要。而后只好网上找了个简略的订阅公布治理事件改了改，发现还是挺好用的。 // app.jsApp({ addListener: function (pageName, callback) { if (!('fn' in this)) { this.fn = {} } this.fn[pageName] = callback }, setChangedData: function (pageName, data) { if (this.fn && pageName in this.fn) { this.fn[pageName](data) } }})const app = getApp()const PageName1 = 'page1'const EventType1 = 'eventType1'// 订阅, onLoad 或者 ready 里onLoad: onLoad: function () { const self = this app.addListener(PageName1, function (data) { if (data.type === EventType1) { self.dosomething(data) } }}// 公布app.setChangedData(PageName1, { type: EventType1, data1: 'xxx', data2: 'xxx', ...})其余小程序开发工具清理缓存在非凡状况下不好使，比方合了其余分支，须要删除dist再从新生成时，缓存清不掉，开发工具报错会始终提醒，这时候须要重启一下开发工具了官网API 看上去整洁有序，实际上想要的都不好找，间接用搜寻的好，但常常搜不到想要的。有自定义组件时，如果不在根目录里app.json 里把自定义组件门路加上去，真机调试时有时会通不过，但起初删掉了又没事了，不晓得其他人是不是配置了啥，迷！

weiit信息的数字化商业平台由三个局部组成，即：前台、后盾、中台。 前台：由前端交易系统组成的前端平台。 每个前台零碎就是一个用户触点，即企业的最终用户间接应用或交互的零碎，是企业与用户的交点。例如企业搭建的电商平台、门户网站、手机APP、微信公众号等都属于前台。 后盾：由后端经营零碎组成的后端平台。 后盾是IT撑持，治理企业的外围资源（数据+计算），包含云计算平台、数据库、运维零碎、财务零碎、产品零碎、客户管理系统、仓库物流管理系统等。 前台重视灵活性，后盾重视稳定性，中台则在灵活性和稳定性之间寻找美好的均衡。weiit-智慧中台是前台与后盾之间“变速齿轮”，晋升企业响应能力和规模化翻新能力。 weiit数字化商业平台中台将企业的外围能力随着业务一直倒退以数字化模式积淀到平台，造成以服务为核心，由业务中台、数据中台和AI中台构建起数据闭环运行的经营体系，供企业更高效的进行业务摸索和翻新，实现以数字化资产的状态构建企业外围差异化竞争力；为了构建足以应答复杂多变的商业模式、不便灵便的业务利用调用的商业平台，weiit信息潜心摸索，在多年的大量客户征询与计划教训积攒中，一直打磨，欠缺筷子互联网智慧中台，通过weiit中台的染指，实现了业务利用的智能调用与经营数据精细化经营。 weiit中台业务架构图weiit中台技术架构关键点：1、应用服务能力的线性扩大；2、数据库能力的线性扩大、3、高并发下的高性能响应；4、疾速新业务开发上线；5、多区域间的业务合作；6、分布式事务的反对；7、服务治理能力；8、数据化经营能力；9、全链路监控跟踪；10、能力可控凋谢；11、与后端系统的整合。 互联网中间件 中台是数字化转型的底座。weiit中台理平安稳固，由“业务中台、数据中台、AI中台”同步驱动，撑持数字化商业平台疾速响应与后端管构建互联网生态体系。 一、业务中台 weiit业务中台集成数字化转型业务须要的前端交易系统（B2B、B2C、C2C、C2B等），同时整合后端经营零碎（订单解决、物流零碎、供应链零碎、财务零碎、营销零碎、会员零碎等），并且可集成智能硬件设施、挪动终端、物联网利用、虚拟现实产品等。 业务中台局部性能详解： 1、会员营销平台：数据驱动的客户经营中台赋能企业，通过全渠道、一体化、数据化的客户经营策略和执行来保障客户价值，实现客户持续增长。 2、订单治理平台：买通线上线下全渠道订单，对立商品治理，实现各个实体、虚构销售终端共享商品库存，零碎包含商品核心、库存核心和订单核心，并完满对接会员营销平台。 业务中台利用实际：对立的业务解决核心，整合碎片化业务。 业务中台利用实际 二、数据中台 数据中台是指通过数据技术，对海量数据进行采集、计算、存储、加工，同时统一标准和口径。个别分为： 1、数据仓库：用来存储数据的，结构性数据、非结构性数据等，还有离线数据和实时数据等； 2、大数据中间件：蕴含了大数据计算服务、大数据研发套件、数据分析及展示工具； 3、数据资产治理：依照阿里的体系应该分为垂直数据、公共数据和萃取数据3层； 数据中台·企业数字化转型中枢 数据中台赋能“互联网+”时代的数据价值思考，助力企业数字化转型，让数据产生价值。 数据中台利用实际 1、weiitMDP：weiitMDP是一款基于机器数据为根底，针对运维，数据，业务、物联网等部门，设计出的一套机器数据智能剖析产品。旨在帮忙企业充分发挥机器数据的价值，帮忙用户及时发现问题，为企业进行数字化转型保驾护航。 2、weiit-AKP：AKP为企业提供具备弱小自服务能力的标准化、一站式解决方案，帮忙企业自助式晋升从高层战略决策智能化到基层日常工作合理化等各个层面的经营决策程度，使大数据切实深刻企业经营，实现大数据价值。 一点部署、多点反对 反对多地点、多设施、多场景下的可视化计划。 灵便布局、多层展现 删格化布局、灵便拖拽、多层摆放、主动对齐等性能，让用户在数分钟内轻松搭建。 组件架构、有限裁减 组件化设计，提供各种业务性能组件，设计规范化使零碎性能能够有限裁减。 多种主题、轻松换颜 规范化的主题零碎，可让用户轻松更换、定制、批改主题，绽开数据魅力。 分级管理、平安可控 提供基于设施、页面、数据源三级访问控制与保护措施，罢黜信息泄露懊恼。 多种场景、内外兼修 不仅满足企业外部指挥监控需要，还可为大型公关活动、对外学术交流等场景提供无利反对。 3、weiit-CDP：CDP是一款以用户统计为根底，机器学习用户习惯进行多维度剖析的数据产品。旨在帮忙企业搭建欠缺的数据体系，晋升付费转化，升高投放老本，成为企业业余的数据平台。 采集：埋点只需几分钟，数据采集超省力。埋点计划简略，几分钟内搞定，节俭数据采集老本。反对 Web、iOS、Android、HTML 5 等多种平台。剖析：跟踪用户行为，剖析用户转化。通过用户行为剖析，帮忙企业更快辨识高价值用户。通过有针对性的经营，取得更大的增长，进步企业利润，帮忙公司做决策。 用户：360度全方位剖析用户，为数据营销做决策。买通一方和三方用户，全维度剖析用户生命周期，行为轨迹。细分个性化用户，用机器学习改良用户群的构建。 归因：剖析用户起源，优化用户行为。迷信的算法钻研广告成果，发现优质渠道。通过有针对性的渠道剖析，优化起源，升高企业老本。 营销：用人工智能做用户营销，将老本降到最低。剖析用户特色，应用协同过滤做商品举荐。买通三方数据，建设欠缺的举荐规定。 三、AI中台 AI中台的应用领域：智能语音交互、人脸识别、图像识别、图像搜寻、内容平安、数据可视化、大数据利用、印刷文字辨认、天然语音解决、机器翻译。 收费开源，咱们不限度开发者性质，集体与企业皆反对。收费开源，咱们不限度开发者应用性质，集体学习应用或者开源版本间接商用。收费开源，开发者针对源代码开源版本版权须保留原始出处，包含正文、作者、工夫等具备表明原始版本的代码与文件。咱们开源的目标是建设技术信息交换窗口,以寻求其余的解决方案的单干与共赢。开源地址：https://gitee.com/wei-it/weii...

**上一篇文章讲到了如何用weiit—saas开源产品搭建微信小程序，明天咱们就来解说一下如何通过公众号受权一键生成公众号商城。其实也跟小程序制作大同小异，有趣味的小伙伴连忙来试一下吧！** 首先，关上蜗店产品官网[ www.wstore.me] 立刻注册 手机扫码关注蜗店公众号，在服务中信菜单里点击收费注册，跳转到注册页面填写手机号和验证码实现注册。 注册实现当前，到www.wtore.me 点击登陆，输出手机号 注册时收到的明码，填写验证码，登陆到商户后盾。 在商户后盾开启公众号微商城 点击进入控制台，进入公众号受权页面。 点击一键受权，用申请公众号的管理员微信扫描二维码，即可受权。 根本设置--设置公众号的根本信息，微信领取和模板音讯等 图文治理--能够治理公众号的图文模板，编辑和保留模板 音讯群发--能够推送图文音讯给全国关注的用户。 自定义菜单--设置公众号底部的导航菜单，能够给导航菜单增加跳转链接，发送图文音讯， 自定义文章，跳转到小程序等 其实公众号页面的装修就自定义菜单和推送图文音讯那里不一样，其余的在线商城也是链接到小程序或者是自已装修的页面，操作起来很简略。好啦！制作公众号商城就讲到这里的，有不懂的小伙伴能够上https://gitee.com/wei-it/weii... 查看源码。本人搭建起来更好哦！ 收费开源，咱们不限度开发者性质，集体与企业皆反对。收费开源，咱们不限度开发者应用性质，集体学习应用或者开源版本间接商用。收费开源，开发者针对源代码开源版本版权须保留原始出处，包含正文、作者、工夫等具备表明原始版本的代码与文件。咱们开源的目标是建设技术信息交换窗口,以寻求其余的解决方案的单干与共赢。开源地址：https://gitee.com/wei-it/weii...

weiit-frame框架外围反对： weiit-frame框架的外围包命名规范，三个规范：外围反对命名、资源反对命名、业务反对命名三种 1、以weiit-support作为前缀的示意外围反对，外围反对的特点是约定了标准跟规范，不应该团队常常去改变。 2、以weiit-resource作为前缀的示意资源反对，即工具类或者第三方反对的封装，能够改变对第三方的依赖配置。 3、以weiit-business作为前缀的示意业务反对，即曾经开发好的业务模块是否能够复用的问题，如果曾经有编写封装好的业务，那就能够整顿打包成插件，让团队今后不必再反复开发。 针对weiit-frame框架进行解读： 一、weiit-support-core： 出发点：解决团队技术SSM框架的规范，去实体化、参数统一化、后果集统一化的问题 1、根本公共controller：对request，response进行封装，对get、post参数传递进行封装，get与post传递的参数都会被getFormMap（）办法取得，返回成参数集Map对象，不便上游类能够间接应用getFormMap获取到参数。 2、根本转参Map：BaseMap提供了规范，能够对取参时进行转型，不便上游类获取时调用办法获取转型后果。 3、后果集Map：E对象是一个Map，继承了BaseMap,当数据库操作返回数据时，皆以E对象进行存储，不便上游类应用时，只有一个E对象，不存在其余的实体对象，让代码简洁。 4、参数集Map：FormMap对象是一个Map，继承了BaseMap,当get、post申请通过根本公共controller时,来自get与post的数据将转型为FormMap，因为去掉了实体对象，开发人员只须要记住FormMap对象外面有传递过去的参数就行，不便记忆，也能让代码简洁。 5、根本公共增删改查Mapper：这个定义 了惯例的增删改查规范办法命名，定义了mapper层规范，上游类继承这个规范，是为了标准代码标准化，也是为了惯例的办法就不必持续书写了，简洁代码，晋升代码解读速度，只须要晓得惯例的办法的实现都在weiit-suppor-core中曾经实现就行。 6、根本增删改查接口：这个定义了上游的service层的规范。 7、根本公共增删改查实现类：这里的AbstractService是一个实现类，他实现了BaseService，所以上游的service的impl层须要集成AbstractService类，其中有一个setMapper办法必须实现，因为这样mapper对象才会传递到进来，公共化的增删改查业务才得以实现。 二、weiit-support-task：出发点：解决团队定时工作中央集权问题，去Spring定时工作配置化（或者注解化）。 1、外围以雪里xxl的思维，并齐全集成其外围思维，从新打包成task概念。 2、每一个task都是一个工作，技术weiit-frame框架规范的开发者只需变现工作实现，毋庸关注定时工作启动的问题。 3、实现的工作，皆交给地方定时工作管控零碎进行配置，能够灵便改变定时工作频率并毋庸重启。 三、weiit-resource-common： 出发点：解决团队文件存储、短信服务、LBS、物流服务等反对，让resource只跟第三方打交道。 1、反对文件存储服务 2、反对LBS服务，目前没有多LBS做太多的文档输入。 3、反对阿里云短信、腾讯云短信、容联云短信服务反对 4、反对快递鸟、阿里云全国对立物流服务 四、weiit-business-system： 出发点：让团队业务反复利用，让业务模块化。 1、weiit-business-sytem基于shiro平安框架，让权限零碎可管制到菜单、并且可管制到操作级别。 2、权限能够有限往下传递，即权限为树状构造权限的规范。 3、蕴含菜单治理、管理员治理、角色组治理三个业务。 4、惯例业务简直满足的，齐全只需依赖jar反对即可插入应用，前提是基于weiit-frame规范。 源码github下载地址：https://github.com/HalfMouse/... 收费开源，咱们不限度开发者性质，集体与企业皆反对。收费开源，咱们不限度开发者应用性质，集体学习应用或者开源版本间接商用。收费开源，开发者针对源代码开源版本版权须保留原始出处，包含正文、作者、工夫等具备表明原始版本的代码与文件。咱们开源的目标是建设技术信息交换窗口,以寻求其余的解决方案的单干与共赢。开源地址：https://gitee.com/wei-it/weii...

**上一篇文章讲到了如何申请和注册微信小程序和公众号，申请通过当前，小程序和公众号是没有任何内容的，须要本人搭建。明天咱们就来解说一下，如何通过小程序和公众号一键生成平台--蜗店，来搭建本人的小程序和公众号内容。** 首先，关上蜗店产品官网[ www.wstore.me] 立刻注册 手机扫码关注蜗店公众号，在服务中信菜单里点击收费注册，跳转到注册页面填写手机号和验证码实现注册。 注册实现当前，到www.wtore.me 点击登陆，输出手机号 注册时收到的明码，填写验证码，登陆到商户后盾。 在商户后盾开启小程序商城 点击进入控制台，进入小程序受权页面。 点击一键受权，用申请小程序的管理员微信扫描二维码，即可受权。 店铺--微页面--新增微页面，能够抉择本人适合的模板和格调进行疾速装修。能够在右边的控件中自在拖拽，抉择不同的页面组件进行组合，商品图片展现格调能够依据集体爱好布局。 页面装修图标，文字，链接能够依据本人的要求来设置。 如果不喜爱零碎自带的布局格调，能够新建一个空白页面，依据集体爱好格调diy页面。 点击全店格调展现，能够抉择本人喜爱的色彩来设置全店格调。 从商品库抉择商品展现在页面上。 好啦！制作小程序商城就讲到这里的，还有不懂操作的小伙伴能够上gitee下面https://gitee.com/wei-it/weii... 查看源码。本人搭建起来更好玩哦！ 本文由博客群发一文多发等经营工具平台 OpenWrite 公布

微信领取申请点击上面链接。进入上面图片页面 1：https://pay.weixin.qq.com/ind... 2：点击接入微信领取 3.点击注册微信领取商户号 4.用微信账户扫一扫 5.填写超级管理员信息 6.填写商户材料信息 填写完所有信息后提交。期待验证打款。验证通过后微信领取就跟本人的小程序绑定就好了。咱们能够登陆微信领取后盾配置领取参数配置了。开源地址：https://gitee.com/wei-it/weii... 本文由博客群发一文多发等经营工具平台 OpenWrite 公布

微信小程序申请流程形式一：通过微信公众号（已认证的企业类型）疾速注册疾速注册认证小程序，无需从新提交主体资料、无需对公打款、无需领取300元认证费用。适用范围：已认证的企业类型公众号。 第1步：进入微信公众平台官方网站，登录公众号账号第2步：进入【小程序管理】> 【疾速注册并认证小程序】第3步：浏览并批准相干条款后，点击【疾速创立】第4步：勾选所需的复用资质、信息，进入下一步 第5步：填写小程序账号信息第6步：激活小程序账号，查看注册邮箱。应用登录邮箱点击链接激活账号第7步：绑定小程序管理员。提醒：如无奈发送验证码，请去除管理员手机输入框的+86，再重试。注册实现后即可应用小程序账号密码登入小程序后盾。在【设置】里填写小程序信息，提交后期待微信审核。（填写真实有效合乎经营范围的信息，否则可能会审核被拒。）提醒：小程序的登录地址与公众号统一，为微信公众平台，实现注册后，回到编辑器点击受权微信小程序账号即可。蜗店开源地址：https://gitee.com/wei-it/weii... 本文由博客群发一文多发等经营工具平台 OpenWrite 公布

**上一篇文章讲到了如何用weiit—saas开源产品搭建微信小程序，明天咱们就来解说一下如何通过公众号受权一键生成公众号商城。其实也跟小程序制作大同小异，有趣味的小伙伴连忙来试一下吧！** 首先，关上蜗店产品官网[ www.wstore.me] 立刻注册 手机扫码关注蜗店公众号，在服务中信菜单里点击收费注册，跳转到注册页面填写手机号和验证码实现注册。 注册实现当前，到www.wtore.me 点击登陆，输出手机号 注册时收到的明码，填写验证码，登陆到商户后盾。 在商户后盾开启公众号微商城 点击进入控制台，进入公众号受权页面。 点击一键受权，用申请公众号的管理员微信扫描二维码，即可受权。 根本设置--设置公众号的根本信息，微信领取和模板音讯等 图文治理--能够治理公众号的图文模板，编辑和保留模板 音讯群发--能够推送图文音讯给全国关注的用户。 自定义菜单--设置公众号底部的导航菜单，能够给导航菜单增加跳转链接，发送图文音讯， 自定义文章，跳转到小程序等 其实公众号页面的装修就自定义菜单和推送图文音讯那里不一样，其余的在线商城也是链接到小程序或者是自已装修的页面，操作起来很简略。好啦！制作公众号商城就讲到这里的，有不懂的小伙伴能够上https://gitee.com/wei-it/weii... 查看源码。本人搭建起来更好哦！ 本文由博客群发一文多发等经营工具平台 OpenWrite 公布

前言微信小程序容许将内部的H5页面在整个小程序页面中展现进去，该性能应用的是web-view组件。该组件的技术文档如下所示。 https://developers.weixin.qq.com/miniprogram/dev/component/web-view.htmlweb-view组件的实质是应用浮动框架标记对 iframe来对src属性指定的页面进行加载。本文对web-view组件应用的一些注意事项进行总结。 一、web-view组件的应用web-view组件能够应用src属性来指定要在小程序中显示的页面地址，这个地址必须满足下列两个条件。 必须是https域名地址。必须是在微信公众平台中配置为白名单的域名。微信小程序页面的wxml文件的代码如下所示。 <web-view src=“https://www….”></web-view>微信小程序中，一个页面只容许应用一个组件，并且该组件会铺满整个页面并笼罩页面中的其余组件。 同时该组件还反对以下事件： bindload：src属性指定的页面加载胜利时触发该事件。binderror：src属性指定的页面加载失败时触发该事件。二、web-view页面跳转回小程序页面个别的，web-view组件的src属性指定的H5页面之间，能够失常的采纳超级链接a标记对进行页面之间的条转。然而web-view页面要想通过手指触碰返回小程序页面，就无奈应用超级链接a标记了。那么这个问题应该如何解决呢？ 1、在H5页面引入JSSDK首先须要在H5页面中引入JSSDK，它能够让H5页面的js文件执行微信小程序的局部API命令。H5页面引入JSSDK的代码如下所示。 <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>2、为须要跳转至小程序页面的元素绑定事件能够通过jQuery或原生js找到须要跳转至小程序页面的元素，而后为该元素绑定click事件或touchend事件。在事件中能够应用下列API进行小程序页面的条转。 wx.miniProgram.navigateTo()wx.miniProgram.navigateBack()wx.miniProgram.switchTab()wx.miniProgram.reLaunch()wx.miniProgram.redirectTo()上述API的应用与微信小程序中页面跳转的API应用标准是一样的，以wx.miniProgram.navigateTo()为例，该办法的API格局如下所示。 wx.miniProgram.navigateTo({ url:'../swt/swt', //指定跳转至小程序页面的门路 success: function(){ console.log('success'); //页面跳转胜利的回调函数 }});总结本文重点在于对web-view页面返回小程序页面进行了解说和总结。在小程序开发过程中，web-view页面的实现还有许多开发技巧和性能，次要得力于JSSDK的应用。JSSDK的阐明文档如下所示。 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html对于作者小海前端，具备18年Web我的项目开发和前后台培训教训，在前端畛域著有较为零碎的培训教材，对Vue.js、微信小程序开发、uniApp、React等全栈开发畛域都有较为深的造诣。入住segmentfault，心愿可能更多的结识Web开发畛域的同仁，将Web开发鼎力的进行遍及。同时也违心与大家进行深刻的技术研究和商业单干。

axios.request({ method: 'post', responseType: 'arraybuffer', //要害是这里 url, data: { scene: "1=1", page: "", }, headers: { 'Content-Type': 'application/json;charset=null' }})加上 responseType: 'arraybuffer'就能够解决了

前言日常开发中，总是防止不了各种测试。 对于大厂，会有业余的测试团队，业余的测试小姐姐粗疏、欠缺的测试每一个环节，尽可能保障每个业务流程都能残缺闭环，且经手的软件足以应答一些非凡场景。 针对小作坊，略微能够点的，也是有着测试童鞋的存在，惟一缺点是，测试小姐姐只是简略的进行人工流程一次次梳理、验证。只能说通过一次软件流程闭环，便是完满，而非凡状况时，还是比拟难堪的。 而小小小作坊，开发在日常开发工作中也占据了百分之九十的测试工作，甚至百分之百，针对这种状况，软件何谈品质？哎，也不能说的这么相对，只能是无奈更多一些吧，爱莫能助。 最近的小程序开发的差不多了，想起之前已经应用过的 PerfDog，这里进行测试一波，看看成果。 不求每篇文章都能有所播种，至多这篇文章中，你能够理解到如下内容： FPS 是什么？以及 FPS 的局部延长。PerfDog 简略应用，也就是如何在 iOS 上测试微信小程序？记录测试，上传云端因为目前公司装备的 Mac Pro 丐版，在装置了一部分工作软件后，已无更多空间，只能从新下载，再次体验，看看多日未见的 PerfDog，产生了哪儿些变动。 （PS：说的就如同它更新货色，我会晓得一样，哈哈哈） 对于丐版 Mac 而言，小 200 MB 的工具，仿佛有点大了。 下载安装，注册账号登录，USB 连贯手机零打碎敲。 简略说下此页面的重点内容，如下图所示： 区域一为各项指标对应检测到的数据展现；区域二为指标管制，你能够在这里勾选你关注的那些指标。 （PS：话说这个按钮做的有些太不显著了）右上角播放按是开启/暂停录制测试数据并上传云端进行下一步剖析。相熟微信小程序的小伙伴都晓得微信小程序基于 H5，所以微信小程序渲染 UI 是通过零碎浏览器 webkit 进行过程渲染。而 Android 和 iOS 两大平台实现形式则有肯定差别，官网注明，Android 平台是开启独立过程，而 iOS 则没有开启独立过程。 这里抉择测试利用时，须要先将小程序运行，随后在抉择测试利用中抉择开展 System Processes 并找到 com.apple.WebKit.WebContent 抉择即可，如下所示： 这里须要留神以下两点 （截取官网）： 如果没有 com.apple.WebKit.WebContent 这个选项，那么在微信中关上须要测试的小程序，之后在 system 中寻找并选中 com.apple.WebKit.WebContent 这个选项即可。如果有 com.apple.WebKit.WebContent 这个选项，那么记住他前面的数字，再在微信关上须要测试的小程序，抉择大于该数字的 com.apple.WebKit.WebContent 选中即可。随后点击右上角播放按钮，筹备开始记录测试数据。操作实现再次点击播放按钮，上传云端。 最初点击顶部最右侧小云朵 icon，疾速关上云平台进行剖析。 ...

在小程序集体开发中，明天在我的项目里增加了几个图片，但上传代码时提醒代码包过大（不可超过2M）。一阵纠结。当初介绍一个形式，把图片上传至网络，可在小程序中援用。重点是收费，适宜集体开发练习。 形式 1 开发者工具自带云开发（收费）在微信开发者工具左上方有个【云开发】图标，点击。弹出窗云开发控制台，点击开明，会要求输出环境名称，无特殊要求。后抉择版本根底版是收费的。 云开发有4个性能：经营剖析、数据库、存储、云函数。这里次要用到存储。 而后点击上传文件，上传后会生成File ID，将File ID复制到image标签src下即可援用云端图片。 自己亲测 ok 官网文档： https://developers.weixin.qq.... 形式 2 七牛云存储（收费）链接：https://portal.qiniu.com/signup 点击进入失常注册即可，留神，须要实名后才可支付收费空间，10GB。 具体步骤1 登录后抉择产品 - 对象存储 如下图： 2 而后创立空间，在内容治理中上传文件 区别访问速度：七牛快不便水平：微信开发者工具更不便七牛云主机七牛云主机 插播：腾讯云服务器1核2G 88

前言那啥，对于小程序整顿了几篇笔记，多多少少对集体而言有点作用，上面附上对应的文章链接： 微信小程序 ｜ 开发罕用事例（一）微信小程序 ｜ 开发罕用事例（二）微信小程序 Notes ｜ 开发罕用事例（三）心愿多多少少能够帮忙到像我一样的前端小白。 这年头，挣钱不易，小作坊生存不易！ 且行且珍惜吧。 1、List item 和 button 抵触怎么玩？这个事件是这样的，因为韩总死乞白赖的非要列表新增转发 PDF 性能，因为微信小程序限度只有 button 才具备凋谢的一些权限，所以间接采纳 button 包裹 image 的计划，如下： <view class="news"> <block wx:for="{{ newsList }}" wx:for-index="index" wx:key="news"> <view class="news-item" bindtap="onNewsItemClick" data-newsID="{{ item.newID }}"> <text class="content">{{ item.content }}</text> <view class="item_new_bottom"> <text class="createTime">{{ item.createTime }}</text> <button open-type="share" bindtap="onShareAppMessage" hover-stop-propagation="true" data-shareid="{{ item.newID }}"> <image src="/images/ic_share.svg" mode="aspectFit"></image> </button> </view> </view> <van-divider wx:if="{{ index != newsList.length -1 }}" /> </block></view>成果如下： 有个比拟难堪的问题是，当点击分享图标时，对应的 item 事件也会执行，查阅了官网手册后。 ...

前言之前涉足小程序，简短的记录了下开发过程中遇到的点点滴滴： 微信小程序 ｜ 开发罕用事例（一）微信小程序 ｜ 开发罕用事例（二）而今再次负责小程序，时隔许久，真是一片懵逼，多亏了之前的简短记录，这里将会一直记录欠缺开发过程中遇到的一系列的小问题。 总是要一直致力，买车到当初，各种无奈，仿佛国庆回来整个人都不好了，得连忙调整了，不然幻想始终只是幻想了。 加油～ 小事例汇总对于不相熟前端的 Android 而言，前端是真的烦，说不清因为哪儿个属性就抵触了。绝对比拟好的一点是在线调试，调整参数款式，间接拷贝。什么时候 Android 也能有这样的神器就好了，哇咔咔，期待我 Android 越来越好～ 1. 微信小程序如何构建 npm？之前始终都是 Android 为主，忽然在某个官网看到须要通过 npm 形式构建，登时有点懵逼，这里记录下步骤，不便下次间接分分钟搞定～ Step 1：进入小程序根目录执行 npm 初始化 npm init胜利后会生成 package.json 文件。 Step 2：随后执行对应的 npm 装置依赖 例如这里须要应用有赞组件库 vant，所以对应的 npm 命令如下： npm i @vant/weapp -S --production这两步对应的示意图如下： Step 3：在小程序开发工具中抉择构建 npm。 这里须要留神肯定在我的项目本地设置中关上 npm： 胜利后会生成 miniprogram_npm 目录，外面变蕴含咱们通过 npm 下载的 vant 代码了，如下： 2. 如何降级 npm 对应依赖包？某天逛官网时挺懵逼的，看到人版本都晋升几个了，无从下手，这里放上降级形式，其实和之前一毛一样，如下降级 vant 事例图： ...

小程序自诞生以来，就为宽广用户所青睐，小程序自诞生以来就为泛滥企业所应用，企业开发小程序有许多长处，如使用方便，操作不便，开发成本低廉等，许多企业都想开发本人的小程序，当初小程序有模板开发和自定义开发两种形式，而且很多企业都想开发本人的小程序。小编通知大家，如果要做小程序开发，那么餐饮行业的成果是不会差的，在之前做公众号开发的时候，很多餐饮商家都做了公众号点菜，当初有了小程序当前，用到的餐饮商家更多了，因为用到了扫码点菜的消费者太多了，如果是用公众号点菜，那么也须要先关注一下公众号，如果是用公众号点菜，间接扫桌子上的二维码点菜就能够了，而且公众号的使用率比公众号还要高。除了餐饮行业，美容美发业的小程序开发也起到了不少的作用，通过相干数据显示，在各大平台上搜寻美容美发的用户中，女性占52%，男性占48%，许多美容美发行业的企业主示意，女性给店里发明的支出更多了，利润更高。化妆品行业开发小程序一方面是为了更好地获取客户，治理用户。此外还能够在店内做好产品销售，这样成果就更好了。除了以上两个比拟热门的行业外，一些批发行业，商超行业也是利用小程序较多的行业，大家当初大多都是用小程序购物，因为购物需要较大，所以商城类小程序利用较宽泛，例如花卉行业、服装业、农副产品、汽车美容等许多行业都能够应用商城小程序。本文起源:标梵互动

一、相干环境装置1、下载 nodejs2、下载反编译nodejs脚本 wxappUnpacker 提取码：mduo 3、下载 夜神模拟器4、下载 RE文件管理器 RE：Root Explore二、获取.wxapkg文件在夜神模拟器里装置微信和RE文件管理器 PS：把后面下载好的RE文件管理器间接拖到夜神模拟器装置即可接下来设置模拟器的超级权限，如下图： 而后在模拟器微信里搜寻想要获取的小程序，在微信中运行一下后，间接切回模拟器桌面运行RE文件管理器，依照上面的目录构造找文件： /data/data/com.tencent.mm/MicroMsg/{一串16进制字符}/appbrand/pkg/ 你会看到发现外面的一些.wxapkg后缀的文件，能够依据工夫来判断那个是你须要小程序.wxapkg文件，右键长按文件，点击右上角压缩所选文件,而后再将压缩好的包通过微信/QQ发送给好友或者文件助手 筹备好反编译包（后面下载的），装置相干依赖 > npm install esprima css-tree cssbeautify vm2 uglify-es进行反编译 > node wuWxapkg.js D:\_163200311_32.wxapkg 留神：应用node wuWxapkg.js 反编译命令时，如果报 Cannot find module 'xxx' 这种类型的谬误，就间接应用 npm install xxx 先装置。如果报未辨认的谬误，就换个小程序试试吧欢送关注：https://www.fenxianglu.cn/ 参考链接： https://blog.csdn.net/qq_4113...https://blog.csdn.net/qq_3793...

这篇文章会很长，十分长，特地长，无敌长。 真的是挤牙膏般的我的项目进度，差不多是8月底有开始这个我的项目的想法，时至今日都1个多月了，抛去频繁的加班工夫，王者工夫，羽毛球工夫...见缝插针的写这个我的项目，我居然写完了，我居然没有半途放弃，可真把我本人打动坏了。 好吧，次要是这个小程序很简略，本文会解说一下这个小程序的代码，所有代码简直是我一个个敲进去的，所有逻辑也是本人构思梳理的，因而很多实现形式并不是很好，冗余代码很多，代码品质堪忧，但我也在学习中，随着技术晋升，会一直来重构代码，如果大家有任何倡议欢送私信我哦，特别感谢。 该小程序采纳的云开发，没有本人搭建后端，我心目中，只有没有后端的内容我就感觉很简略。但其实我还是想有朝一日能本人独立实现前后端所有工作，写一个更棒的作品。 之前有写过几篇文章，能够回顾一下。你可能须要的文章： 微信小程序自定义导航栏微信小程序中应用iconfont微信小程序云开发图片资源援用微信小程序启动页的实现微信小程序应用WeUI组件库天啦噜，看了半天代码发现还挺多，一时间不知道该从哪里开始。那还是依照tab页应用逻辑程序来吧。 启动页之前文章也有过如何写一个启动页面。至于为什么须要个启动页呢？ 我感觉次要也就两点，一个是难看，还有个就是增加获取用户信息类型按钮，间接疏导用户受权获取用户信息。 至于为啥要获取用户信息？ 曾真有段时间，我纠结了良久，因为我本人这个程序中，除了展现，如同也没啥须要用到这个数据的中央。 但我还是写了。 以后登陆用户的用户名和头像图片，通过 open-data 标签能够无需受权间接获取，只有指定相应类型userNickName和userAvatarUrl即可，款式只须要用view容器包裹起来进行设置。button按钮指定open-type为getUserInfo，在点击事件中就能够拿到受权之后的用户公开信息数据。 拿到用户信息须要保留到数据库中，也只须要首次登录的用户在受权之后才须要入库，所以加个判断以后登陆用户是否是首次登录，判断条件是每个用户的惟一值openId。 通过这个逻辑，那须要解决的能够分为如下几个： 1、获取以后登录用户的openId。 getOpenID() { let that = this; wx.cloud.callFunction({ name: 'login', complete: res => { const openId = res.result.event.userInfo.openId; that.setData({ openId }) } })},这个login云函数是我的项目构建时主动生成的，云函数写法： const cloud = require('wx-server-sdk')cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV})exports.main = async (event, context) => { const wxContext = cloud.getWXContext() return { event, openid: wxContext.OPENID, appid: wxContext.APPID, unionid: wxContext.UNIONID, env: wxContext.ENV, }}2、获取数据库中所有用户数据。 ...

版权申明：本文原创，转载请注明出处 https://segmentfault.com/a/11...系列文章：微信小程序自定义组件——底部菜单栏 ActionSheet 之所以写这个自定义modal组件，和自定义ActionSheet一样，次要是用于一些凋谢能力。有些凋谢能力必须绑定在button上，比方用户受权，这个需要很常见，然而小程序当初曾经不反对被动弹出受权框了，所以咱们会想先弹出modal用户点击确定再来弹出受权框，小程序原生的Modal确定按钮无奈实现，故此组件应运而生。该Modal组件还反对转发，关上设置页的凋谢能力，同时也扩大了提交表单性能。 装置1.应用npm装置间接应用小程序开发工具自带的构建npm，请按上面几个步骤引入： 确保我的项目目录下有package.json文件，已有的跳过这一步$ npm init装置$ npm i wx-miniprogram-modal在小程序开发者工具中顺次找到并点击工具->构建npm，构建实现后你的我的项目目录会多出一个miniprogram_npm目录，请确保我的项目设置已勾选应用npm模块在应用组件的页面配置json中应用{ "usingComponents": { "mymodal": "wx-miniprogram-modal" }}2.不应用任何构建工具的一般小程序安装间接拷贝wx-miniprogram-modal仓库中的miniprogram_dist目录下的代码到我的项目中的放组件的目录中去，之后应用办法和小程序自定义组件一样了。同样须要在页面配置json中申明： { "usingComponents": { "mymodal": "../components/modal/index" // 依据你的目录写 }}应用wxml文件中 <mymodal type="{{type}}" title='{{title}}' content='{{content}}' form-items="{{items}}"confirmText='{{confirmText}}' showStatus='{{showModal}}' showCancel="{{showCancel}}" bind:complete="onComplete"></mymodal>js文件中 // 只列出外围代码Page({ data: { showModal: false, type: 'getUserInfo', showCancel: false, title: '提醒', content: '', confirmText: '好的', items: [{ label: '请输出姓名', name: 'name' }] }, // 实现操作的回调 onComplete: function (e) { // 敞开模态框 这里其实不写也行，组件里曾经蕴含了敞开modal的代码， // 然而不写这个的话，该页面的data里的showModal值是不会变仍是true， // 如果确定不会造成其余影响，写不写看集体 this.setData({ showModal: false, }) if (e.detail.confirm) { // 用户点击确定 // 各个type携带的数据 这里为了不便写到一起了 // 用户受权 if (this.data.type === 'getUserInfo') { if (e.detail.hasUserInfo) { // 曾经受权 this.setData({ hasUserInfo: true, userInfo: e.detail.userInfo }) app.globalData.userInfo = e.detail.userInfo } else { wx.showToast({ title: '您回绝了受权', icon: 'none' }) } } // 提交表单 if (this.data.type === 'prompt') { var formData = e.detail.formData var formId = e.detail.formId // eg. // formData: {name: "Jaime"} // formId: "the formId is a mock one" } // 关上设置页 if (this.data.type === 'openSetting') { var authSetting = e.detail.authSetting // eg. { "scope.userInfo": true} } } else { // 用户点击勾销 } }, onShareAppMessage: function (res) { if (res.from === 'button') { // 因为自定义组件内不能应用转发回调 所以在这敞开模态框 // 不写这个 模态框点击转发按钮将不会主动敞开 if (res.target.dataset.type === 'modalShare') { this.setData({ showModal: false }) } } return { title: '自定义转发题目', path: '/page/index?id=123' } }}) ...

正在开发字节版本小程序，根底是曾经开发实现的微信版。 字节跳动开发工具的一键搬家性能还是很好用的，大部分微信小程序原生性能都能间接迁徙到字节版。 微信版小程序开发的过程中应用了第三方组件Lin UI，迁徙当前，发现有局部组件性能无奈应用，“Lin UI 是基于 微信小程序原生语法 实现的组件库”，Lin UI的文档是这么介绍的。那么为什么一部分性能无奈履行？ 看了3天代码后，调整了大部分问题，现将字节小程序与微信小程序差别整顿做个笔记。 写了一周字节小程序发现大部分性能接口和微信小程序是一样的，可能是因为字节小程序依照微信小程序来设计开发的，所以有很多微信小程序的新性能并未履行，之后一段时间，有可能会逐步完善实现这些差别性能，所以我将整顿这个笔记的工夫点记录下来。次要还是组件的一些新性能和个性。 以下是2020年9月存在差别的中央： 1、字节版组件没有 pageLifetimes字段 “组件所在页面的生命周期”，微信版2.2.3当前增加。应用以后的生命周期函数“ready”等，能够代替局部性能。 2、字节版组件没有 observers字段，“数据监听器”性能，微信版2.6.1增加。字节版能够通过properties对外属性中，某一属性的“observer”来监听传入组件数据的变动。 3、字节版组件没有 generic，组件的形象节点性能，微信版1.9.6后反对。组件应用并不固定节点的性能，这种用法无奈在字节版应用。 4、SelectorQuery NodesRef.fields(Object fields, function callback)获取节点的相干信息。须要获取的字段在fields中指定。微信2.1.0的fields减少“computedStyle”属性，能够取得节点的款式内容。字节版有该办法，然而没有“computedStyle”属性，款式固定的话只能间接应用款式值了。 5、字节版组件的 getRelationNodes 取得关联节点，办法为异步api。微信版应用： cosnt nodes = this.getRelationNodes('path/to/custom-li')字节版应用 const t = await new Promise( n => this.getRelationNodes("../index-anchor/index", (t) => { n(t); }));字节版须要用promise来传递异步音讯。也不晓得微信版开始就是这种写法，还是之前有更新。 以上就是最近遇到的字节小程序与微信小程序差别。相熟ES6和微信小程序各个版本的话，这都不是什么很大问题。不过这两方面我都不熟，所以看了3天代码，不过进步很大。 其实这都是微信降级更新后，字节版还未借鉴到的性能，次要都是组件应用方面，微信小程序不断完善组件的性能，也不晓得字节版什么时候能更新。

微信多人开发，应用github版本控制。 1.应用微信开发工具创立我的项目 2.一次点击“版本治理” -> “设置” -> “近程” -> “增加” 3.须要在github或者gitlab上创立一个我的项目，并复制git地址 “https://github.com/zhangxucha...t" 4.点击增加按钮，增加近程仓库地址 5.选中“网络和认证”设置账号密码 6.选中创立的近程地址，右击->抓取，这时候就会呈现master分支 7.这时候就能够推送代码了，首先将工作区代码提交，而后选中本地分支，推送，抉择方才创立的近程分支，能够抉择强制推送 8.到这里咱们就把本地代码和github关联胜利了，如果有其他人须要和我协同开发（增加到微信小程序开发者外面，github我的项目中也增加开发者），那么只须要将代码下载到本地，在微信开发者工具中导入我的项目，设置一下网络和认证就能够抓取和推送代码了。

微信小程序开发1. 登录微信公众平台2. 点击右边菜单栏“开发”，抉择左边“开发设置”复制appId创立我的项目。3. 小程序中引入weui和kbone，只须要在app.json中作如下配置即可"useExtendedLib": { "kbone": true, "weui": true}这样就开启了weui，只有在应用的中央导入相应的模块就能够了，index.json中引入弹出 { "usingComponents": { "mp-dialog": "/miniprogram_npm/weui- miniprogram/dialog/dialog" }}4.微信小程序跨域申请接口设置 编辑器右上交“详情” -> “本地设置” -> “不校验非法域名、web-view（业务域名）..5. getApp()globalData全局变量，app.js中定义globalData.userInfo 获取微信的根本信息 6. md5加密utils中新建md5.js文件 /* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 1.1 Copyright (C) Paul Johnston 1999 - 2002. * Code also contributed by Greg Holt * See http://pajhome.org.uk/site/legal.html for details. */ /* * Add integers, wrapping at 2^32. This uses 16-bit operations internally * to work around bugs in some JS interpreters. */ function safe_add(x, y) { var lsw = (x & 0xFFFF) + (y & 0xFFFF) var msw = (x >> 16) + (y >> 16) + (lsw >> 16) return (msw << 16) | (lsw & 0xFFFF) } /* * Bitwise rotate a 32-bit number to the left. */ function rol(num, cnt) { return (num << cnt) | (num >>> (32 - cnt)) } /* * These functions implement the four basic operations the algorithm uses. */ function cmn(q, a, b, x, s, t) { return safe_add(rol(safe_add(safe_add(a, q), safe_add(x, t)), s), b) } function ff(a, b, c, d, x, s, t) { return cmn((b & c) | ((~b) & d), a, b, x, s, t) } function gg(a, b, c, d, x, s, t) { return cmn((b & d) | (c & (~d)), a, b, x, s, t) } function hh(a, b, c, d, x, s, t) { return cmn(b ^ c ^ d, a, b, x, s, t) } function ii(a, b, c, d, x, s, t) { return cmn(c ^ (b | (~d)), a, b, x, s, t) } /* * Calculate the MD5 of an array of little-endian words, producing an array * of little-endian words. */ function coreMD5(x) { var a = 1732584193 var b = -271733879 var c = -1732584194 var d = 271733878 for(var i = 0; i < x.length; i += 16) { var olda = a var oldb = b var oldc = c var oldd = d a = ff(a, b, c, d, x[i+ 0], 7 , -680876936) d = ff(d, a, b, c, x[i+ 1], 12, -389564586) c = ff(c, d, a, b, x[i+ 2], 17, 606105819) b = ff(b, c, d, a, x[i+ 3], 22, -1044525330) a = ff(a, b, c, d, x[i+ 4], 7 , -176418897) d = ff(d, a, b, c, x[i+ 5], 12, 1200080426) c = ff(c, d, a, b, x[i+ 6], 17, -1473231341) b = ff(b, c, d, a, x[i+ 7], 22, -45705983) a = ff(a, b, c, d, x[i+ 8], 7 , 1770035416) d = ff(d, a, b, c, x[i+ 9], 12, -1958414417) c = ff(c, d, a, b, x[i+10], 17, -42063) b = ff(b, c, d, a, x[i+11], 22, -1990404162) a = ff(a, b, c, d, x[i+12], 7 , 1804603682) d = ff(d, a, b, c, x[i+13], 12, -40341101) c = ff(c, d, a, b, x[i+14], 17, -1502002290) b = ff(b, c, d, a, x[i+15], 22, 1236535329) a = gg(a, b, c, d, x[i+ 1], 5 , -165796510) d = gg(d, a, b, c, x[i+ 6], 9 , -1069501632) c = gg(c, d, a, b, x[i+11], 14, 643717713) b = gg(b, c, d, a, x[i+ 0], 20, -373897302) a = gg(a, b, c, d, x[i+ 5], 5 , -701558691) d = gg(d, a, b, c, x[i+10], 9 , 38016083) c = gg(c, d, a, b, x[i+15], 14, -660478335) b = gg(b, c, d, a, x[i+ 4], 20, -405537848) a = gg(a, b, c, d, x[i+ 9], 5 , 568446438) d = gg(d, a, b, c, x[i+14], 9 , -1019803690) c = gg(c, d, a, b, x[i+ 3], 14, -187363961) b = gg(b, c, d, a, x[i+ 8], 20, 1163531501) a = gg(a, b, c, d, x[i+13], 5 , -1444681467) d = gg(d, a, b, c, x[i+ 2], 9 , -51403784) c = gg(c, d, a, b, x[i+ 7], 14, 1735328473) b = gg(b, c, d, a, x[i+12], 20, -1926607734) a = hh(a, b, c, d, x[i+ 5], 4 , -378558) d = hh(d, a, b, c, x[i+ 8], 11, -2022574463) c = hh(c, d, a, b, x[i+11], 16, 1839030562) b = hh(b, c, d, a, x[i+14], 23, -35309556) a = hh(a, b, c, d, x[i+ 1], 4 , -1530992060) d = hh(d, a, b, c, x[i+ 4], 11, 1272893353) c = hh(c, d, a, b, x[i+ 7], 16, -155497632) b = hh(b, c, d, a, x[i+10], 23, -1094730640) a = hh(a, b, c, d, x[i+13], 4 , 681279174) d = hh(d, a, b, c, x[i+ 0], 11, -358537222) c = hh(c, d, a, b, x[i+ 3], 16, -722521979) b = hh(b, c, d, a, x[i+ 6], 23, 76029189) a = hh(a, b, c, d, x[i+ 9], 4 , -640364487) d = hh(d, a, b, c, x[i+12], 11, -421815835) c = hh(c, d, a, b, x[i+15], 16, 530742520) b = hh(b, c, d, a, x[i+ 2], 23, -995338651) a = ii(a, b, c, d, x[i+ 0], 6 , -198630844) d = ii(d, a, b, c, x[i+ 7], 10, 1126891415) c = ii(c, d, a, b, x[i+14], 15, -1416354905) b = ii(b, c, d, a, x[i+ 5], 21, -57434055) a = ii(a, b, c, d, x[i+12], 6 , 1700485571) d = ii(d, a, b, c, x[i+ 3], 10, -1894986606) c = ii(c, d, a, b, x[i+10], 15, -1051523) b = ii(b, c, d, a, x[i+ 1], 21, -2054922799) a = ii(a, b, c, d, x[i+ 8], 6 , 1873313359) d = ii(d, a, b, c, x[i+15], 10, -30611744) c = ii(c, d, a, b, x[i+ 6], 15, -1560198380) b = ii(b, c, d, a, x[i+13], 21, 1309151649) a = ii(a, b, c, d, x[i+ 4], 6 , -145523070) d = ii(d, a, b, c, x[i+11], 10, -1120210379) c = ii(c, d, a, b, x[i+ 2], 15, 718787259) b = ii(b, c, d, a, x[i+ 9], 21, -343485551) a = safe_add(a, olda) b = safe_add(b, oldb) c = safe_add(c, oldc) d = safe_add(d, oldd) } return [a, b, c, d] } /* * Convert an array of little-endian words to a hex string. */ function binl2hex(binarray) { var hex_tab = "0123456789abcdef" var str = "" for(var i = 0; i < binarray.length * 4; i++) { str += hex_tab.charAt((binarray[i>>2] >> ((i%4)*8+4)) & 0xF) + hex_tab.charAt((binarray[i>>2] >> ((i%4)*8)) & 0xF) } return str } /* * Convert an array of little-endian words to a base64 encoded string. */ function binl2b64(binarray) { var tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/" var str = "" for(var i = 0; i < binarray.length * 32; i += 6) { str += tab.charAt(((binarray[i>>5] << (i%32)) & 0x3F) | ((binarray[i>>5+1] >> (32-i%32)) & 0x3F)) } return str } /* * Convert an 8-bit character string to a sequence of 16-word blocks, stored * as an array, and append appropriate padding for MD4/5 calculation. * If any of the characters are >255, the high byte is silently ignored. */ function str2binl(str) { var nblk = ((str.length + 8) >> 6) + 1 // number of 16-word blocks var blks = new Array(nblk * 16) for(var i = 0; i < nblk * 16; i++) blks[i] = 0 for(var i = 0; i < str.length; i++) blks[i>>2] |= (str.charCodeAt(i) & 0xFF) << ((i%4) * 8) blks[i>>2] |= 0x80 << ((i%4) * 8) blks[nblk*16-2] = str.length * 8 return blks } /* * Convert a wide-character string to a sequence of 16-word blocks, stored as * an array, and append appropriate padding for MD4/5 calculation. */ function strw2binl(str) { var nblk = ((str.length + 4) >> 5) + 1 // number of 16-word blocks var blks = new Array(nblk * 16) for(var i = 0; i < nblk * 16; i++) blks[i] = 0 for(var i = 0; i < str.length; i++) blks[i>>1] |= str.charCodeAt(i) << ((i%2) * 16) blks[i>>1] |= 0x80 << ((i%2) * 16) blks[nblk*16-2] = str.length * 16 return blks } /* * External interface */ function hexMD5 (str) { return binl2hex(coreMD5( str2binl(str))) } function hexMD5w(str) { return binl2hex(coreMD5(strw2binl(str))) } function b64MD5 (str) { return binl2b64(coreMD5( str2binl(str))) } function b64MD5w(str) { return binl2b64(coreMD5(strw2binl(str))) } /* Backward compatibility */ function calcMD5(str) { return binl2hex(coreMD5( str2binl(str))) } module.exports = { md5: hexMD5 } 应用index.js中导入 ...

本文来自OPPO互联网根底技术团队，转载请注名作者。同时欢送关注咱们的公众号：OPPO_tech，与你分享OPPO前沿互联网技术及流动。1. 背景随着公司业务的倒退，外围服务流量越来越大，应用到的资源也越来越多。在微服务架构体系中，大部分的业务是基于Java 语言实现的，受限于Java 的线程实现，一个Java 线程映射到一个kernel 线程，造成了高并发场景下线程资源的极大节约，线程成为进步零碎并发和吞吐量的瓶颈。 在微服务架构下，应用同步编程模式时不仅造成了资源的极大节约，并且在流量产生激增稳定的时候，受制于系统资源而无奈疾速的扩容。本文将摸索服务异步化在并发、吞吐量方面对系统带来的晋升。 2. 如何疾速进步服务吞吐量首先，以微服务架构中的RPC 服务调用举例，测试和摸索在微服务架构中，异步架构如何进步服务的吞吐量和并发。ESA Stack 是OPPO 自研的根底框架技术栈，ESA RPC 是自研的RPC 框架。本节测试服务咱们应用ESA RPC 搭建。 对于ESA RPC的详情，能够参考咱们之前公布的文章《Dubbo协定解析及ESA RPC实际》。 2.1 服务架构下图所示为测试环境架构。其中Service A 既是服务端也是客户端，它模仿了生产环境中大部分服务的角色。咱们对Service A 别离采纳同步模型和纯异步模型进行压测，其中纯异步模型蕴含了客户端、服务端逻辑的异步解决。Service B 模仿一个耗时为N ms 的上游服务，为Service A 的调用提供固定的延时响应。 测试服务器的配置为8 核16G，千兆网卡。 2.2 同步异步模型比照测试场景1： 并发压测客户端200~8000，服务耗时50ms，别离对同步和异步架构进行压测，比照TPS、服务耗时、CPU 上下文切换；同步模式下，线程数和并发客户端雷同；异步模式下，应用框架默认的200 线程。测试数据如下。 测试场景2： 并发压测客户端8000，服务耗时50~500ms，别离对同步和异步模式进行压测，比照TPS、服务耗时、CPU 上下文切换；同步模式下服务端8000 线程；异步模式下，应用框架默认的200 线程。 2.3 服务扩展性比照并发指服务刹时同时解决的工作数(蕴含处于IO 期待状态的工作)。服务端设置业务解决线程200，那么同步模式下能提供的并发为200；纯异步模式下服务并发不受线程限度，IO密集型服务尤其收益。在零碎流量突增的情景下，异步模式具备更强的可扩展性(Scalability)。 2.4 论断依据下面的测试数据能够做出以下比照： 同步模式，线程数与并发成正比，并发越高对线程的耗费越多异步模式，进步并发不须要线程减少同步模式，零碎Context Switch 次数随并发进步而疾速减少异步模式，零碎Context Switch 次数显著小于同步模式同步模式，并发超过某个临界点后，服务耗时疾速回升，零碎吞吐量急剧下降异步模式，吞吐量随着并发减少，服务耗时回升速度显著低于同步模式从而得出以下论断： 能够通过异步化微服务架构，进步雷同资源配置下的服务吞吐量随着上游均匀耗时的减少，异步化带来的吞吐和耗时的晋升作用减小线程资源无限(内核、内存)，不能有限减少来进步并发能力，异步化能极大进步零碎刹时并发能力(Scalability)论断剖析： 高并发下同步模型大量线程在内核态度/用户态、不同CPU 核之间进行切换，Context Switch 减少，零碎性能降落上游均匀耗时减少时，零碎CPU 忙碌水平升高，Context Switch 对性能零碎影响降落3. 异步模型摸索3.1 阻塞与非阻塞在操作系统中，线程是CPU 调度的根本单位；阻塞调用是指发动调用后，线程进入阻塞状态(让出CPU)，直到取得后果或异样返回；非阻塞调用是指不期待后果，调用不阻塞线程间接返回。 ...

置信很多敌人开始做微信自动化测试都是依据这个官网文档进行操作的。也置信很多敌人依据这个操作一步步操作下来，基本上都是失败的。在这里，不得不吐槽一下写这个文档的兄弟，一些注意事项也没有提醒进去，等我真正跑起来，才发现坑这么大。 测试脚本const automator = require('miniprogram-automator')describe('index', () => { let miniProgram let page beforeAll(async () => { miniProgram = await automator.launch({ projectPath: '/Users/mac/Documents/project/miniprogram-demo/miniprogram/' }) page = await miniProgram.reLaunch('/page/component/index') await page.waitFor(500)}, 30000) afterAll(async () => { await miniProgram.close() }) it('desc', async () => { const desc = await page.$('.index-desc') expect(desc.tagName).toBe('view') expect(await desc.text()).toContain('以下将展现小程序官网组件能力') })})报错图 第一个坑Failed to launch wechat web devTools, please make sure http port is open在解决这个问题之前，请确认你曾经把微信开发者工具-平安设置-服务端口关上，如下图所示。若没有，请关上: 设置实现后，再次运行jest index.spec.js，尝试是否胜利，若仍然报错，则须要手动操作一次命令行脚本。具体步骤如下： ...

第一种状况，scroll-view占据整屏 scroll-view {    height: 100vh;}第二种状况，scroll-view自适应页面残余高度xml文件 <view class="box">     <view class="box-head"></view>    <scroll-view class="box-scroll"></scroll-view> </view>wxss文件 .box {    display: flex;    flex-direction:column;    height:100vh;    overflow:hidden;}.box-head {    flex-shrink: 0;    height: 50px;}.box-scroll {    flex: 1;    height: 1px;}flex：1 高度仍然不会自适应加一个默认高度1px就能够自适应了 通用组件化解决list.wxml <scroll-view class="list-scroll {{ autoHeight ? 'list-scroll--auto' : '' }}" scroll-y enable-back-to-top bind:scrolltolower="scrolltolower"> <slot></slot> <!-- 加载实现 --> <view wx:if="{{ finished }}" class="list-loading"> <view class="list-loading__text">{{ finishedText }}</view> </view> <!-- 加载成果 --> <view wx:elif="{{ loading }}" class="list-loading"> <van-loading type="spinner" size="20"></van-loading> </view></scroll-view>list.scss(需编译成list.wxss) .list { &-scroll { flex: 1; height: 100vh; &--auto { height: 1px; } } &-loading { margin: 10px 0; text-align: center; &__text { font-size: 16px; color: #a6a6a6; line-height: 1; } }}list.js ...

小程序里没有FormData类，所以POST办法如果要传multipart/form-data就会报错。 而npm上的formdata-polyfill，相似 https://github.com/form-data/... 或者https://github.com/jimmywarti... 都不好用 好在有人探索进去 https://developers.weixin.qq.... 能够手动拼装出FormData格局的字符串，并且胜利调用。 以下附代码： // 手动拼接FormData字符串// 函数边界解决没怎么做，各位可自行补充// 数组和obj的状况没有解决，能够用postman发个申请看看格局，很简略的function createFormData(params = {}, boundary = '') { let result = ''; for (let i in params) { result += `\r\n--${boundary}`; result += `\r\nContent-Disposition: form-data; name="${i}"`; result += '\r\n'; result += `\r\n${params[i]}` } // 如果obj不为空，则最初一行加上boundary if (result) { result += `\r\n--${boundary}` } return result}// 通用post申请export const post = function (url, params) { return new Promise(function (resolve, reject) { // 生成一个boundary字符串 const boundary = `----FooBar${new Date().getTime()}`; const formData = createFormData(params, boundary); console.log(formData); Taro.request({ // 这里我用的taro，改成wx.request也一样 url, method: 'POST', credentials: 'include', //设置传递cookies dataType: 'json', header: { 'Accept': 'application/json', 'Content-Type': `multipart/form-data; boundary=${boundary}`, }, data: formData, timeout: 5000, success: function (res) { resolve(res.data); }, fail: function (error) { reject(error); } }) });}formdata格局用postman发个formdata申请，咱们能够看到数据长这样： ...