微信小程序h5跳转链接保姆全攻略

163 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第9天,点击查看活动详情

1.首先要确保自己的云开发是开通的,并且你现在正在开发的小程序是用了云开发基础模板的

image.png

2.为你的云函数选择环境(右键选择)

image.png

3.在官方下载这两个文件夹,并且把cloudfunctions下的public文件夹复制到小程序目录的cloudfunctions下

image.png

image.png

4.接着编辑public下的index.js

image.png

箭头指向地方改成你所需要的页面路径

5.安装依赖

image.png 进入终端后输入npm install

6.上传部署(不上传node_modules)

image.png

7.这样云函数就成功上传了,打开云开发点击云函数,你便可以看到你部署成功的云函数了

image.png

8.部署静态网站 在3步骤文件夹那里的h5文件夹修改上一篇笔记提醒要修改的要点,然后上传到如下图即可成功实现第三方链接跳转。

image.png

补充点:如果有多次链接跳转请求,那就建立多个云函数,多个静态网站对于相对的云函数。因为一个云函数对应跳转到一个链接内。

  • 云函数的路径对应的是外部跳转到微信小程序内
  • 静态网站对应的是微信打开直接跳到小程序内部对应的页面。