H5跳转小程序操作分享（截图）
发布于 4 年前 作者 kangxiulan 5250 次浏览 来自 分享

官方文档：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.html

不喜欢阅读技术文档，可以跟着以下步骤操作，每一步都有截图保证小白也可以操作。

1、下载安装小程序开发者工具，工具的配置和安装很简单，过程可以参考小程序官网

2、打开开发者工具，创建你的小程序项目，开通小程序云开发，按照界面提示操作即可

3、设置云开发权限

安全规则内容，直接复制即可，不需要修改：
{
  "*": {
    "invoke": "auth != null"
  },
  "public": {
    "invoke": true
  }
}

4、开通静态网站，并上传 jump-mp.html 文件（请在文章后下载附件压缩包）

注意：h5/jump-mp.html、cloudfunctions/public/index.js 文件内容需要修改，打开后查找 replace 关键字，替换为你的小程序参数

5、上传云函数（请在文章后下载附件压缩包）

如提示未安装依赖 wx-server-sdk 时，请执行以下命令安装：

npm install –save wx-server-sdk@latest

如果不会执行命令，可以直接下载下面的压缩包，解压到 cloudfunctions/public 目录，然后再重新部署

链接: https://pan.baidu.com/s/13jLnS4nCFn-X3dZHWhqZNQ> 提取码: v8q6

6、复制链接测试是否可以打开小程序，注意生成链接时问号后面的参数需要删除

测试正常后，就可以去推广跳转小程序链接了。

附件：点击下载附件压缩包
回到顶部