微信小程序--云开发静态网站h5跳小程序

微信小程序–云开发静态网站h5跳小程序

静态网站h5跳小程序

----首先需要开通小程序的静态网站功能

1.开通静态网站、绑定自定义域名,需要在「微信开发者工具 - 云开发 - 更多 - 静态网站」里进行,才能拥有免鉴权的能力。
(1) 打开小程序开发工具,点击云开发-设置-查看项目资源id
(2) 在微信官方文档上下载代码
在这里插入图片描述(3) 将下载下来的代码打开将html里面含有replace的地方修改成自己小程序的信息
在这里插入图片描述
在这里插入图片描述
(4) 将html文件上传到云开发控制台,,打开小程序开发工具–云开发–更多–静态网站–上传文件
在这里插入图片描述(5) 开始写云函数,在上面的html中会调用。。。ps,微信小程序项目最先如果是非云开发项目,使用以下方法创建云函数。。。

  • 在微信开发者工具上新建一个云开发项目,项目的appid要与自己项目的appid一致。
  • 将之前下载html是文件里面cloudfunctions文件夹里面的public文件夹复制到新建的云开发项目的cloudfunctions云函数文件夹下面
    在这里插 入图片描述
    将上面的public复制到下面

在这里插入图片描述
(6) public里面的index.is就是云函数的入口文件。在里面写云函数的方法

这就要涉及到云函数的传参-----因为我们跳转小程序的时候都会穿一些参数去查询数据–例如详情页

  • 首先我们在html里面调用云函数,
    在这里插入图片描述
  • 在云函数中接收参数
    在这里插入图片描述
    (7) 将写好的云函数上传。。鼠标右键点击public函数,选择上传并部署
    上传以后在云开发控制平台的云函数列表里面,就会出现刚刚我们创建的public云函数了,
    在这里插入图片描述
    点击云函数权限–修改–允许所有用户访问–确定
    在这里插入图片描述
    ----------------综上就是所有步骤了,点击云函数–静态网站,之前我们上传的html,便会出现访问地址
    复制出来就可以看大效果了(或者直接访问域名)
    在这里插入图片描述
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值