h5打开小程序

本文详细介绍了如何在Wepy1.7小程序框架中启用云开发功能,包括配置project.config.json,创建云函数,设置权限,开发静态网站,以及上传文件到云端。步骤包括开启云开发、上传代码、配置云函数权限,确保未登录用户也能访问。此外,还提到了通过二维码预览效果和配置自定义域名的可能性。
摘要由CSDN通过智能技术生成

效果图
在这里插入图片描述

项目环境, 我是基于 wepy1.7的框架加入云开发场景

1. 小程序需要开启云开发功能

project.config.json 需要添加 “cloudfunctionRoot”: “cloudfunctions/”,

2. 创建文件夹

在这里插入图片描述

具体代码见:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.html

粘贴复制代码后,一定要安装 node_modules

3. 上传云开发代码(鼠标右击)

在这里插入图片描述

4. 小程序云开发配置

4.1 新建一个云函数,名为 public,然后将其 index.js 设为以下内容:
在这里插入图片描述

4.2 在云开发控制台中的设置 -> 权限设置中,将对应开通了静态网站的云环境开启未登录模式访问
在这里插入图片描述

4.3 在云开发控制台中的云函数 -> 权限设置中,配置安全规则,选择 “允许所有用户访问” 的模板并确认。如果需要更安全的控制,即只让 public 函数开启未登录访问,可参见底部安全规则模板
在这里插入图片描述
在这里插入图片描述

{
  "*": {
    "invoke": "auth != null"
  },
  "public": {
    "invoke": true
  }
}
5. 开发静态网站(开通加载时间 大概 3分钟时间)

在这里插入图片描述

6. 上传文件(按量收费)

在这里插入图片描述
在这里插入图片描述
复制链接(临时链接)去生辰二维码
手机扫一扫 查看效果

自己可以配置自定义域名。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值