H5跳转小程序：wx-open-launch-weapp

项目场景：

在移动端，经常要用到H5和小程序交互，如从H5跳转到小程序，又有小程序嵌入H5。今天主要分享的是从H5跳转小程序的使用方法：wx-open-launch-weapp。

---

问题描述

1、如何在H5中调用小程序？

回答：在公众号里，小程序管理中，绑定对应的小程序，绑定成功后，就拥有跳转到小程序的权限了。

2、在项目开发的过程中，有同事问我，小程序在开发过程中，跳转的是体验版，还是正式版？

回答：小程序在开发过程中，有三个不同的版本，正式版-release、开发版-develop、体验版-trial。注意其中对微信版本的支持：支持的微信版本：iOS 8.0.18及以上、Android 8.0.19及以上。

注意：在开发中，进的根据项目的环境变量设置不同的小程序版本。如在测试环境，使用体验版；正式环境，使用正式版本。

process.APPLET_ENV!=="prod"?'trial':'release'

3、原始id从哪里获取？

回答：点击小程序标签》到小程序首页的基本信息》点击查看详情》下滑到账号信息。其中原始id是以gh_xxxxx开头。

注意不要和appid搞混了。

4、小程序跳转路径如何设置？

回答：在path中设置就可以了。直接用开发者工具，从里面复制就可以了

pages/center/index?params=参数

---

收获总结：

用wx-open-launch-weapp标签，核心的重点主要有三个：

1、公众号如何绑定小程序

2、如何选择小程序跳转的版本？正式版？开发版？体验版？

3、原始id如何获取。

基本上这三个理解了，再进行使用就简单了。