微信小程序云开发H5跳转小程序详细介绍(全程截图操作)

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

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

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

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

Snipaste_2021-01-09_10-27-10

3、设置云开发权限

Snipaste_2021-01-07_10-12-50

Snipaste_2021-01-07_10-23-35

Snipaste_2021-01-07_10-23-02

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

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

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

Snipaste_2021-01-07_10-13-18

Snipaste_2021-01-07_10-19-42

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

Snipaste_2021-01-07_10-14-56

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

npm install –save wx-server-sdk@latest

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

链接: https://pan.baidu.com/s/13jLnS4nCFn-X3dZHWhqZNQ

提取码: v8q6

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

Snipaste_2021-01-09_10-34-08

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

附件:点击下载附件压缩包

2021011400535829

本文是微擎百科入驻作者原创文章,如若转载请联系作者授权,发私信联系作者

发表评论

登录后才能评论

评论列表(2条)