# 静态网站 H5 跳小程序
**非个人主体并且已认证的**([微信认证](/miniprogram/product/renzheng.md))小程序，使用[云开发](/miniprogram/dev/wxcloudservice/wxcloud/basis/getting-started)静态网站托管的网页，可以免鉴权跳转任意合法合规的小程序。即可以在微信内部浏览器的 H5 跳转小程序，也可以在微信外部浏览器或其他部分 App （如企业微信、QQ 等）跳转微信小程序。
静态网站网页在微信客户端打开时，wx.config 可以传入小程序 AppID 并且不需计算签名，也就是免鉴权即可使用跳转小程序的能力。
扫码体验（将会跳转到微信官方的 "小程序示例" 小程序）：https://postpay-2g5hm2oxbbb721a4-1258211818.tcloudbaseapp.com/jump-mp.html
注意，**开通静态网站**、**绑定自定义域名**，需要在「微信开发者工具 - 云开发 - 更多 - 静态网站」里进行，才能拥有免鉴权的能力。
以下包含完整代码示例，包括 HTML 代码和云函数代码。示例无需准备公众号，只需准备好小程序和开通云开发以及云开发中的静态网站托管能力。网页会判断所在的环境来决定采用哪种跳转方式，如检测到微信客户端内，则免鉴权使用开放标签跳转，如检测到在外部浏览器或 App，则使用 URL Scheme 跳转小程序。
**注意**，以下代码中有以下内容必须替换，可以搜索 `` 查看到所有需要替换的地方：
* 你的小程序信息
* 小程序 AppID：填入你的小程序 AppID
* 云开发环境 ID：填入你的开通了静态网站托管的云开发环境 ID
* 想要拉取的小程序信息
* 小程序原始账号 ID：填入要跳转的小程序原始账号 ID（gh_ 开头）
* 小程序页面路径：填入要跳转到的小程序的页面路径
* 小程序名称：填入要跳转到的小程序名称
HTML: [点击下载](https://res.wx.qq.com/op_res/4gUvxyfsT9OaDBWFG_jP-xtGK84CoO_4rQXZpaJhyje-vy3amU1xLctcpyqfyn3D5rgCRBR3EpR5sLO_WSP8eQ)
```html
打开小程序
正在打开 “填入你的小程序名称”...
打开小程序
点击以下按钮打开 “填入你的小程序名称”
```
云函数 `public`: [点击下载](https://res.wx.qq.com/op_res/4gUvxyfsT9OaDBWFG_jP-xtGK84CoO_4rQXZpaJhyje-vy3amU1xLctcpyqfyn3D5rgCRBR3EpR5sLO_WSP8eQ)
> 1. 新建一个云函数，名为 public，然后将其 `index.js` 设为以下内容：
> 2. 在云开发控制台中的设置 -> 权限设置中，将对应开通了静态网站的云环境开启未登录模式访问
> 3. 在云开发控制台中的云函数 -> 权限设置中，配置安全规则，选择 “允许所有用户访问” 的模板并确认。如果需要更安全的控制，即只让 public 函数开启未登录访问，可参见底部安全规则模板
```js
// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
// 云函数入口函数
exports.main = async (event, context) => {
const wxContext = cloud.getWXContext()
switch (event.action) {
case 'getUrlScheme': {
return getUrlScheme(event.options)
}
}
return 'action not found'
}
async function getUrlScheme(options) {
// 使用环境共享时，需要注意此处传入 appid 来保证打开的是调用方小程序，否则默认将打开资源方小程序
// 参考如下：
// cloud.openapi({ appid: wxContent.FROM_APPID }).urlscheme.generate
return cloud.openapi.urlscheme.generate({
jumpWxa: {
path: '/page/component/index', //
query: '',
},
// 如果想不过期则置为 false，并可以存到数据库
isExpire: true,
// 一分钟有效期
expireTime: parseInt(Date.now() / 1000 + 60),
})
}
```
可选的进阶的云函数安全规则模板（只放开了让 public 云函数支持未登录访问）：
```json
{
"*": {
"invoke": "auth != null"
},
"public": {
"invoke": true
}
}
```