关于微信、支付宝小程序扫描及H5跳转入口

关于微信、支付宝小程序扫描及H5跳转入口

公司最近新项目需求是能够分享普通二维码邀请好友，进入注册，踩了很多坑。 记录它们。

如何将普通二维码绑定到小程序

支付宝小程序：

1.支付宝小程序登录中心，可以进入已创建的小程序列表

2.选择您要开发的小程序，跳转到左侧菜单栏的服务内容-代码管理-关联普通二维码

3、链接时需要下载验证文件并放置在普通二维码域名的根目录下。 如果选择精确匹配，则必须是完全相同的链接才可以扫码进入小程序。 如果需要携带参数，建议选择模糊匹配。 ，做完这一切之后，就会有一个测试代码。 等待一段时间扫码即可测试。 当然，你至少要上传一个小程序的试用版。

微信小程序：

1、登录微信小程序中心，直接输入您要开发的小程序的账号和密码。

2.登录成功后，进入左侧菜单栏的开发-开发设置。 向下滚动到底部，扫描普通链接的二维码即可打开小程序。

3.操作与支付宝小程序基本相同。 文件需要验证，模糊匹配和精确匹配的规则是完全一样的。 只需按照提示一步步操作即可。

如何从H5页面跳转到小程序

支付宝小程序：

支付宝客户端跳转小程序非常简单，只需使用__':///?=********************&page=//&q=1&a= 2'__ 链接。 使用..href跳转进入，就是你要开发的支付宝。 page是你要跳转到的页面。 下面的&可以连接传入的参数。 方法类似于浏览器链接参数传递(key=&key1=)

微信小程序：

从微信小程序跳转到小程序有点复杂。 需要使用微信内置的开放标签进行跳转。

微信文档链接地址：

用于跳跃。 需要注意的是，使用的是小程序原来的id。 登录小程序后，查看小程序信息并滚动至底部。 可以看到一串以gh开头的ids，传入的路径参数页面地址后面必须是.html，否则无法跳转。

在开放组件中，您可以为标签添加样式，以满足业务需求。 通过在开放标签中添加ID，可以动态添加跳转所需的参数。

特别特别需要注意的一点是： 微信开放标签有最低的微信版本要求，以及最低的系统版本要求。 微信版本要求为：7.0.12及以上。 系统版本要求为：iOS 10.3及以上、Android 5.0及以上 这些文档中都有描述，可以仔细看看，避免因为版本问题导致查找不到问题。

至此，无论是从H5页面进入还是通过扫描普通二维码进入，跳转任务就基本完成了。

当然，进入H5页面必须在支付宝和微信客户端内。

下一篇会讲如何获取跳转携带的参数。