扫码下载官方App
学习过该课程的人还学习过：
其他联系方式
所属系列课程
& 网易公司 版权所有
关注我们：
微信公众号+小程序快速开发,苏震巍,本课程致力于打造一站式微信开发全方位学习模式，微信开发从入门到精通全套系统课程。
从宝贵“实战案例”中总结“踩坑”经验，助你快速搭建微信公众号、小程序，彻底玩转微信开发。
加入我们的学习群，和一群志同道合的朋友一起交流学习。
②微信群：添加个人微信号SenparcWechat （昵称：盛小嗨），拉你入群。
入群请备注“视频学员+[订单号]”
免费赠送全套教学PPT、示例代码
如果你需要课程中涉及的所有示例代码、教学PPT，可以自行下载
1、登录Github：https://github.com/JeffreySu/WechatVideoCourse
2、登录Senparc.Weixin SDK Bookhelper
https://book.weixin.senparc.com/BookHelper#c-730
关于课程的任何疑问，通过以下方式咨询：
1、直接在讨论区提问，老师会在网易云课堂在线答疑
2、关注我们的公众号：盛派课堂（ID：SenparcClass），老师也会定期回复大家问题
请注意付款方式：
请勿使用苹果手机和苹果电脑在网易云课堂支付（因苹果公司要收取32%的手续费）。
请使用window电脑端登录网易云课堂或者用安卓系统手机购买。
建议使用支付宝或者微信，请勿用Apple Pay 支付！
适用人群：1. 想要提升开发技能的微信开发者
2. 刚刚从事微信开发的开发者
3. 想深入了解微信开发细节的微信开发者两天快速开发一个自己的微信小程序 - 悬笔e绝 - 博客园
www.xuanbiyijue.com
PS：更新于日
最近写了一个目前最大也是最喜欢的个人项目--《跨平台音乐播放器xbyjMusic 》
附上几张效果图，代码传到GitHub了，喜欢的童鞋可以star或者fork和我一起完善它哦~?
代码地址：
--每日推荐
--------------------------------------------------正文从这里开始-----------------------------------------
一．写在前面
1.为什么要学小程序开发？
& & 对于前端开发而言，微信小程序因为其简单快速、开发成本低、用户流量巨大等特点，也就成了前端开发工程师必会的一个技能。
2.先放上我做的小程序
可以在微信小程序搜索“悬笔e绝”，或者用微信扫描下面的二维码哦
（1）欢迎页：这个logo是当年念大学给社团做的logo，苦学了整整一周的PS啊。。。
（2）首页：轮播头图，天气，豆瓣电影正在热映
（3）全国城市切换页
（4）天气详情页
（5）地图周边服务
（6）豆瓣电影
（7）热点新闻
（8）更多页面
3.开发准备：
（1）有人开玩笑说，会vue小程序根本都不用学：
微信小程序虽然是腾讯自己搞的，但是核心的思想跟vue等框架是一样一样的哦~
（2）善于搜集精美的小组件：&“我们不生产代码，我们只是代码的搬运工”，善于找到想要的组件并把他们巧妙优雅的组装成一个大项目，也算是程序员一项基本技能了。
具体怎么找到想要的小程序demo，篇末会给大家推荐小程序的资源，有很多大神的项目哦
&撸起袖子开干了
一.注册小程序账号，下载IDE
1.官网注册https://mp.weixin.qq.com/，并下载IDE。
2.官方文档一向都是最好的学习资料。
（1）注册账号之后会有一个appid，新建项目的时候需要填上，不然很多功能是用不了的，比如不能预览，不能上传代码等等。
（2）如果你注册过微信公众号的话，一定要注意，微信公众号和小程序是两个账号，二者的appid也是不同，小程序开发必须使用小程序的appid哦。
二.小程序框架介绍和运行机制
1.我们建立了“普通快速启动模板”，然后整个项目目录如下：
整个项目的启动文件，如注释写的onlaunch方法有三大功能，浏览器缓存进行存和取数据；用登陆成功的回调；获取用户信息。
globalData是定义整个项目的全局变量或者常量哦。
3.app.json
整个项目的配置文件，比如注册页面，配置tab页，设置整个项目的样式，页面标题等等；
！注意：小程序启动默认的第一个页面，就是app.json的pages中的第一个页面哦。
小程序的页面组件，有几个页面就会有几个子文件夹。比如快速启动模板，就有两个页面，index和logs
5.打开index目录
可以看到有三个文件，其实和我们web开发的文件是一一对应的。
index.wxml对应index.html；
index.wxss对应index.css；
index.js就是js文件哦。
一般我们还会给每个页面组件添加一个.json文件，作为该页面组件的配置文件，设置页面标题等功能
6.双击index.js文件
（1）var app = getApp();&
引入整个项目的app.js文件，用来取期中的公共变量等信息。
如果要使用util.js工具库中的某个方法，在util.js中module.exports导出，然后在需要的页面中require即可得到哦。
（2）比如，我们要获取豆瓣电影的时候，我们需要调用豆瓣的api；我们先在app.js中的gloabData中定义doubanBase
然后在index.js中使用app.globaData.doubanBase即可取到这个值。
当然这些常量你也可以在页面需要的时候，再用写死的值，但是为了整个项目的维护，还是建议把这种公用参数统一写在配置文件中哦。
（3）接下来在整个page({})中，第一个data，就是本页面组件的内部数据，会渲染到该页面的wxml文件中，类似于vue、react哦~
通过setData修改data数据，驱动页面渲染
（4）一些生命周期函数
比如onload()， onready(), onshow(), onhide()等等，监听页面加载、页面初次渲染、页面显示、页面隐藏等等
更多的可以查官网API哦。其中用的最多的就是onload()方法，和onShareAppMessage()方法（设置页面分享的信息）
7 .wxml模板的使用。
比如本项目电影页面，就是以最小的星级评价组件wxml当做模板，star到movie到movie-list，一级一级的嵌套使用。
&star-template.wxml页面写好name属性；然后import引入的时候通过name获得即可
8.常用的wxml标签
view，text，icon，swiper，block，scroll-view等等，这些标签直接查官网文档即可
三.小程序框架、各个页面以及发布上线的注意点
1.整个框架中的一些注意点
（1）整个wxml页面，最底层的标签是&page&&/page&哦。
（2） 每个页面顶部导航栏的颜色，title在本页面的json中配置，如果没有配置的话，取app.json中的总配置哦。
（3）json中不能写注释哦，不然会报错的。
（4）路由相关
1）使用wx.SwitchTab跳转tab页的话，在app.json中除了注册pages页面，还需要在tabBar中注册tab页，才能生效哦。
注意：tab最多5个，也就是我们说的头部或者底部最多5个菜单。其他的页面只能通过其他路由方法打开哦。
2）navigateTo是跳到某个非tab页，比如欢迎页，电影详情页，城市选择页；在app.json中注册后，不能在tabBar里注册哦，不然同样也是不能跳转的哦。
3）reLaunch跳转，新开的页面左上角是没有退回按钮的，本项目只用了一次，切换城市的时候哦。
（5）页面之间传递参数
参数写在跳转的url之中，然后另一个页面在onload方法中的传参option接收到。如下传递和获取id
（6）data-开头的自定义属性的使用
比如wxml中我们怎么写&
点击的事件对象可以这么取，var postId = event.currentTarget.dataset.
注意： 大写会转换成小写，带_符号会转成驼峰形式
（7）事件对象event，event.target和event.currentTarget的区别：
target指的是当前点击的组件 和currentTarget 指的是事件捕获的组件。
比如，轮播图组件，点击事件应该要绑定到swiper上，这样才能监控任意一张图片是否被点击，
这时target这里指的是image（因为点击的是图片），而currentTarget指的是swiper（因为绑定点击事件在swiper上）
（8）使用免费的网络接口：
本项目中用到了 和风天气api，腾讯地图api，百度地图api，豆瓣电影api，聚合头条新闻api等，具体用法可以看各自官网的接口文档哦，很详细的
注意：免费接口是有访问限制的，所以如果用别人的组件用了这种接口的话，最好还是自己注册一个新的key替换上哦
附上一个免费接口大全：
https://github.com/jokermonn/-Api
！！另外还要注意，要把这些接口的域名配置到小程序的合法域名中，不然也是访问不了的
（8）wxss有一个坑：无法读取本地资源，比如背景图片用本地就会报错哦。
把本地图片弄成网络图片的几种方式： 上传到个人网站；QQ空间相册等等也是可以的哦
2.切换城市页面：
（1）首页使用navigateTo跳转到切换城市页，由于首页并没有关闭，导致切换了城市返回来，天气信息还是旧的。
正确的处理逻辑如下：
1）使用reLaunch跳转到切换城市页面，实质是关闭所有页面打开新的页面哦。
2）切换城市页面，更新公共变量中城市信息为手动切换的城区，再switchTab回到首页，触发首页重新加载。
3）首页获取城市信息的时候加一个判断，全局没有才取定位的，全局有（比如刚才设置了）就用全局的哦。
（2）城市列表的滚动和回到顶部
基于scroll-view组件的scroll-top属性，初始就是0，滚动就会增加的；点击回到顶部给它置为0即可回到顶部
（1）初始化页面，天气显示的逻辑
首先调用小程序的wx.getLocation方法获得当前的经纬度，然后调用腾讯地图获得当前的城市名称和区县名称，并存到公共变量中，
再调用查询天气和空气质量的方法哦。
（2）容错处理
城市的名称长短不一，有点名字特别长，比如巴彦淖尔市这种，需要动态的获取完整的城市名称；
有些偏僻的城市暂时没有天气信息，我们需要对返回的结果进行判断，没有信息的需要给用户一个良好的提示信息。
4.周边-地图服务页面
（1）调用百度地图的各种服务，查询酒店，美食，生活服务三种信息，更多信息可以看百度地图的文档
（2）点击时给被点中的图标加个边框，数据驱动视图，所以使用一个长度为3的数组保存三个图标当前是否被点中的状态
然后wxml再根据数据来动态添加class，增加边框样式
5.豆瓣电影页
（1）电影详情页的预览图片，用小程序本身的previewImage实现。
（2）详情页使用onReachBottom()方法，监控用户上拉触底事件，然后发送请求继续获得数据，实现懒加载的效果
（3）用户体验方面的优化，js中将整数评分比如7分统一改为7.0分，然后wxml模板再判断分数是否为0显示“暂无评分”
（4）搜索之后清空搜索框
因为小程序中不能使用getelementbyId这种方式获得元素，只能用数据来控制了
在data中加一个属性searchText来保存搜索框的内容并和&input的value属性绑定，搜索完成或者点击X时，searchText变量清空即可实现清空输入框的效果哦。
6.新闻页面
（1）聚合头条新闻的免费接口，只返回了新闻的基本信息，新闻的主体内容是没有的哦。
我找了好多新闻类的接口，好像都是没有新闻主体内容的。如果谁知道更好的接口欢迎留言告诉我哈~
（2）当然，也可以自己去爬新闻网站的数据哦
7.更多页面
&（1）小程序目前开放外链的功能只是给公司组织的小程序开放了，个人开发还是不能使用外链的哦。
&（2）彩蛋页面，获得用户信息
通过 wx.setStorageSync('userInfos', userInfos);&&可以获得登陆小程序的用户的个人信息，可以发送给后台存到数据库中，方便对用户进行分析
我这里只是存储到浏览器缓存中哦，最大应该是10M缓存；如果用户把这个小程序从小程序列表中删除掉，就会清空这个缓存。
8.发布注意
（1） 新版本小程序发布的限制为2M，一般都是图片最占空间，所以尽量使用网络图片
具体怎么把本地图片变成网络图片，上面有讲哦。
（2）在开发者工具上预览测试没问题，点击上传；网页版小程序个的人中心的左侧“开发管理”菜单，第三块--开发版本就有了内容。
（3）点击提交，填写小程序相关信息，就可以提交审核了哦。
注意：分类最好填写准确，这样才能更快的通过审核哦。我这个小程序一天半时间过审上线的
至此，我就把两天开发内碰到的坑和注意点都过了一遍，据说还有更多的坑，等之后更深入的开发再继续研究咯。
四.写在最后
1.推荐几个小程序开发的资料
（1）知乎一篇小程序的资料：
https://www.zhihu.com/question/
（2）小程序社区
http://www.wxapp-union.com/portal.php
（3）极乐小程序商店
http://store.dreawer.com/
2.我的个人微信公众号--悬笔e绝，欢迎关注哈~
3.本项目的github地址，喜欢的童鞋点个star哈~
4.我的个人博客网站： 之后原创文章都会写在这里，然后不定期加一些酷炫的效果上去，嘿嘿嘿
&！转载请注明出处哦！?微信小程序原理 - 简书
微信小程序原理
微信小程序使用了前端技术栈 JavaScript/WXML/WXSS。它背后的原理是怎么样的呢？
微信小程序使用了前端技术栈 JavaScript/WXML/WXSS。但和常规的前端开发又有一些区别：
JavaScript: 微信小程序的 JavaScript 运行环境即不是 Browser 也不是 Node.js。它运行在微信 App 的上下文中，不能操作 Browser context 下的 DOM，也不能通过 Node.js 相关接口访问操作系统 API。所以，严格意义来讲，微信小程序并不是 Html5，虽然开发过程和用到的技术栈和 Html5 是相通的。
WXML: 作为微信小程序的展示层，并不是使用 Html，而是自己发明的基于 XML 语法的描述。
WXSS: 用来修饰展示层的样式。官方的描述是 “ WXSS (WeiXin Style Sheets) 是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。” “我们的 WXSS 具有 CSS 大部分特性...我们对 CSS 进行了扩充以及修改。”基于 CSS2 还是 CSS3？大部分是哪些部分？是否支持 CSS3 里的动画？不得而知。
在微信小程序官方文档上，有下面这段话：
微信小程序运行在三端：iOS、Android 和 用于调试的开发者工具
在 iOS 上，小程序的 javascript 代码是运行在 JavaScriptCore 中
在 Android 上，小程序的 javascript 代码是通过 X5 内核来解析
在 开发工具上， 小程序的 javascript 代码是运行在 nwjs（chrome内核） 中
我们先从开发工具谈起。
小程序的 javascript 代码运行在 nwjs 中。nwjs 是什么鬼呢？官方介绍是这样写的：
NW.js (previously known as node-webkit) lets you call all Node.js modules directly from DOM and enables a new way of writing applications with all Web technologies.
合并 Browser 和 Node.js 的运行时，可以使用前端开发技术来开发跨平台的应用程序。借助 Node.js 访问操作系统原生 API 的能力，可以开发中跨平台的应用程序。微信小程序开发工具就是使用 nwjs 开发的。如果你是 Mac 用户，进入目录 /Applications/wechatwebdevtools.app/Contents/Resources/app.nw/app 可以看到开发工具的实现代码，当然代码是经过混淆的。网上流行的破解版本开发工具原理上就是修改这里面的代码。
与此类似的，一个更火的项目是 ，由 GitHub 推出的，它也是把 Browser 和 Node.js 结合，用来开发跨平台的应用程序。程序员们应该听说过
这个编辑器界的后起之秀。包括微软拥抱开源社区的编辑器
也是使用 Electron 开发的。
Electron vs nwjs
这两个平台有什么区别？为什么微信选择 nwjs 呢？我们不妨猜一猜。
从技术角度来讲：
应用程序入口不同：Electron 入口是一个 javascript 脚本，脚本里要自己负责创建浏览器窗口，加载 html 页面。而 nwjs 的入口就是一个 html 页面，框架自己会创建浏览器窗口来显示这个 html 页面。
Node.js 集成方式不同：Electron 直接使用 Node.js 的共享库，不需要修改 Chromium 代码。而 nwjs 为了集成 Node.js ，需要修改 Chromium 代码，以便在浏览器里能通过 Node.js 访问系统原生 API。
Multi-Context: nwjs 有多个上下文，一个是浏览器的上下文，用来访问 Browser 相关 API，比如操作 DOM ，另外一个是 Node 上下文，用来访问操作系统 API。Electron 没有使用多个上下文，对开发者更友好。
从应用角度来讲：
打包后的文件大小：Electron 打包后文件会比 nwjs 小不少。一个 18M 的程序，使用 Electron 打包后是 117M，而使用 nwjs 打包后的程序是 220M。微信小程序开发工具打包后是 219M (v0.10.102800)。没有亲测，评价来源参考文档。
代码保护：Electron 只支持代码混淆来保护，而 nwjs 把核心代码放在 V8 引擎里，不但可以保护代码，还可以提高执行效率。
开源社区活跃度：Electron 应该是完胜的。看看就知道了。而据说 nwjs 的开发文档有些都没有及时更新。
应用程序启动时间：Electron 会稍微快一点。没有亲测，评价来源参考文档。
从这个分析猜测，微信选择 nwjs 的原因可能是出于代码保护。毕竟开发工具可以上传小程序，有些接口和数据需要比较严密的保护。哪位大牛可以挖挖看哪些代码被保护起来了。
真机运行环境
下面内容完全是猜测的，如有言中，实属运气。
微信小程序的运行环境应该更类似 ReactNative 之类，而不是纯 Html5。两者最大的不同在于，ReactNative 的界面是由原生控件渲染出来的，而 Html5 的界面是由浏览器内核渲染出来的。两者在性能上有较大的差异，感兴趣的可以参阅我的另外一篇文章。
原理上，小程序是如何在微信 App 里运行的呢？
微信 App 里包含 javascript 运行引擎。
微信 App 里包含了 WXML/WXSS 处理引擎，最终会把界面翻译成系统原生的控件，并展示出来。这样做的目的是为了提供和原生 App 性能相当的用户体验。
我们来意淫一下小程序加载运行的过程：
用户点击打开一个小程序
微信 App 从微信服务器下载这个小程序
分析 app.json 得到应用程序的配置信息（导航栏，窗口样式，包含的页面列表等）
加载并运行 app.js
加载并显示在 app.json 里配置的第一个页面
这个只是从开发者眼中看到的一个简化版的过程，实际过程应该比这要复杂得多，涉及到浏览器线程（就是运行我们的逻辑层代码 app.js 等的线程）和 AppService 线程之间的交互。从官方网站上的一个图片可以看出端倪：
至于微信 App 是如何与小程序的逻辑层 javascript 交互的呢？可以简单地归纳如下：
JavaScript 是脚本语言，可以在运行时解释并执行。微信 App 里包含了一个 JavaScript 引擎，由它来负责执行逻辑层的 JavaScript 代码。那么 JavaScript 调用的小程序相关 API 怎么实现的呢？答案是最终会被翻译成实现在微信 App 里的原生接口。比如开发者调用 wx.getLocation(OBJECT) 获取当前地理位置，微信 App 里的 JavaScript 引擎在执行这个代码时，会去调用微信 App 里实现的原生接口来获取地理位置坐标。
感兴趣的朋友可以阅读我之前推荐过的一篇文章。文章分析的虽然是 ReactNative，但实际上原理是相通的。
微信小程序最大的好处是不需要做设备适配，只要微信能运行，小程序就能运行。小程序虽然是一个封闭形态下的前端开发技术，但借助微信的巨大影响力，几乎所有人都在往里面冲。微信小程序太火了，内测火，公测更火。内测刚出来，就有人用微信小程序实现了商城，并开源。感叹一下：你的热情，就像一把火，燃烧了整个沙漠。
作为开发者，提几个不足：
不支持从 node_modules 中加载模块。这样无形中就把 npm 排除在外了。从开发生态角度，这个应该是微信小程序下一步要重点解决的问题吧。
开发工具自带的代码编辑器还是太简陋了。不知道为什么微信要重复发明轮子。理论上，给流行的代码编辑器 (sublime/atom/vscode etc.) 开发个插件。然后用户直接到小程序后台上传提交审核就好了。程序员是挑剔到近乎偏执的物种，代码编辑器又是程序员时刻打交道的工具，要做好实属不易。
编程|创业|心理学|方法论
微信小程序使用了前端技术栈。JavaScript/WXML/WXSS它背后的原理是怎么样的呢？微信小程序使用了前端技术栈 JavaScript/WXML/WXSS。 但和常规的前端开发又有一些区别： JavaScript: 微信小程序的 JavaScript 运行环境即不是...
你也在玩小程序?这些基本原理你知道吗? 微信小程序使用了前端技术栈JavaScript/WXML/WXSS。它背后的原理是怎么样的呢？ 写在前面 微信小程序使用了前端技术栈JavaScript/WXML/WXSS。但和常规的前端开发又有一些区别： JavaScript...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金相信有很多朋友...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
智是先见不惑，懂谋虑权变。信是言行一致，说话算话。仁是体恤下情，爱人悯物。勇是决策要果断，执行要坚毅。严是立规矩，该杀的就要杀。智而不贼，信而不愚，仁而不懦，勇而不暴，严而不残。如果还不具备，那就守住廉明，慢慢积累。廉是对自己，不该拿的一分不要，公开透明。明是对下属，人家的...
北京融达信网络科技有限公司成立于2016年，公司主营项目以F2C商城、消费金融贷款、信用联盟为主导。公司旗下品牌消贷网是以“商城+金融”领先的商业模式为核心，占据“互联网＋”的市场趋势，解决个人消费资金压力。 消贷网隶属于北京融达信网络科技有限公司，是中国消费金融领域的新生...
已经考了七次教师招聘的考试，仍旧一无所获。今天又拿着资料，朝着第八次考试进军。从最初的兴奋满满，到如今的失落彷徨，其中的心酸滋味大概只有自己消化。身边的好友与家人都让自己总结经验，再加把劲。但好像什么话都激不起我内心的波澜，如沉寂的深潭看不见底。真的开始怀疑人生，甚至怀疑自...
大概是半年前，我妈告诉我，高中要拆了，说是城市规划，学校要搬到远一点的郊区。 想着我曾经为之热血沸腾，为之黯然神伤的地方，说什么我都要来看一看。 可能是有太长时间没有去过了，公交也改了线路，坐在车上满怀感触等着播报下一站“南山中学”，可是公交却绕了个道，直到终点也经过学校。...
今日与十几位小朋友以及将近二十位家长朋友做了礼物礼仪亲子沙龙分享课。最大的感受是，来自于小朋友智慧和能量！ 如果说道法自然，那么孩子的天性就是道，就是我们应该遵循的规律，只有顺应自然，孩子才能健康，才能茁壮成长。如果反其道而为之，必定会伤害孩子们的幼小心灵。 很多家长不知道...分享到微信
使用微信扫码将网页分享到微信
在之前的小程序问答中，我们向大家介绍了的方法。
那么，小程序可以给其他小程序引流吗？答案自然是肯定的。
今天，知晓程序（微信号 zxcx0101）就来手把手教你，小程序之间如何互相跳转、引导。
关注「知晓程序」微信公众号，回复「问答」，获取往期小程序问答。
在小程序中，有两个方法，可以引导用户使用其他小程序。一种是直接使用接口跳转，另一种是扫小程序码跳转。
1. 直接跳转
微信为小程序提供了一个接口，可以直接从一个小程序拉起、跳转到另一个小程序。
具体代码如下：
wx.navigateToMiniProgram({
appId: '',
path: 'pages/index/index?id=123',
success(res) {
//do something...
它的好处是：用户可以直接点击按钮跳转，无需扫码、确认等操作；同时，开发者还可以轻松定义进入小程序的页面地址、具体参数等。
但是，小程序并非可跳转到其他任意小程序的。微信规定：小程序只能跳转到关联同一公众号的其他小程序。
也就是说，如果你的小程序与其他小程序没有关联同一公众号，那么这两个小程序之间将不能通过这个接口，直接跳转。
同时，在调用接口的时候，你需要得知目标小程序的 AppID，才能正常使用这个接口。
关注「知晓程序」微信公众号，回复「AppID」，获知如何获取小程序 AppID。
2. 扫码跳转
如果你不知道对方小程序的 AppID，那么你也可以选择利用「长按扫码」的特性，完成小程序之间的跳转。
具体操作方法如下：
开发者利用 wx.previewImage() 接口，打开目标小程序的小程序码。
小程序码打开后，用户长按小程序码，点击「扫描图中小程序码」，启动目标小程序。
需要注意的是，如果用 wx.previewImage() 接口调用的是二维码图片，长按是不会显示「扫描图中二维码」选项的。只有调用小程序菊花码，才会有这个提示。
它的缺点比较明显：首先，开发者需要调用 wx.previewImage() 接口，打开小程序码图片并让用户扫码，才能让用户长按小程序码扫码。
其次，如果你需要跳转到指定目标页面、或加入特定参数，需要使用目标小程序生成的特定小程序码才行。
关注「知晓程序」微信公众号，回复「码」，获知如何生成小程序码。
但使用它的好处也很明显。利用这个方法跳转其他小程序，可以跳转到任意的其他小程序中，不受公众号关联限制。
大家可以根据自己的实际情况，选择合适的小程序跳转方法，完成小程序之间的引流操作。
另外，小程序互相引流时，请务必遵守微信小程序相关规定喔。
关注「知晓程序」公众号 ?
在微信后台回复「问答」，获取往期小程序问答。
在微信后台回复「定制」，做一个属于你的小程序。
扫一扫分享到微信
净干文科生事情的理科生，悲观的乐观主义者，希望成为路人的铺路石，不矛盾的矛盾体。
累计已发布 216 篇文章
最近文章：
使用微信扫码关注爱范儿微信公众号
版权所有 & 广州爱范儿科技股份有限公司 2008 - 2018。以商业目的使用爱范儿网站内容需获许可。非商业目的使用授权遵循 CC BY-NC 4.0。
All content is made available under the CC BY-NC 4.0 for non-commercial use. Commercial use of this content is prohibited without explicit permission.
Designed by
Design Studio.
关注 if Design Studio.
微信扫码关注公众号 if Design Studio.
关注爱范儿微信号，连接热爱，关注这个时代最好的产品。
想让你的手机好用到哭？关注这个号就够了。
关注玩物志微信号，就是让你乱花钱。
小程序开发快人一步。
最好的微信新商业服务平台。}