静态网页跳转小程序

前置条件:
非个人已认证小程序

1.在微信开发者工具中点击 云开发->更多->静态网站,开通静态网站
2.创建云函数 微信开发者工具中点击 云开发->云函数->新建
函数名称可随意取 例如:public
3.在原有小程序工程或新建小程序工程,project.config.json文件中添加"cloudfunctionRoot": "static/cloudbase/",
在uni-app中manifest.json->源码视图 "mp-weixin"下添加"cloudfunctionRoot":"static/cloudbase/"
4.在static文件夹下创建cloudbase/public文件夹,这个public为创建云函数时取得名称

image.png

5.新建index.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.ocd)
          }
      }

     return 'action not found'
   }

    async function getUrlScheme(ocd) {
      return cloud.openapi.urlscheme.generate({
        jumpWxa: {
          path: '/page/xxx/xxx', // 不能带参数 由query传入
          query: 'id=111',//参数可由此传入
        },
        // 如果想不过期则置为 false,并可以存到数据库
        isExpire: false,
        // 一分钟有效期
        expireTime: parseInt(Date.now() / 1000 + 60),
      })
    }

6.编译后在public文件夹上点击右键 上传并部署
7.新建index.html文件并上传到静态网站,访问即可

    
      
        打开小程序
        
        
        
        
        
        
        
        
        
        
        
        
        
        
      
      
        

你可能感兴趣的:(静态网页跳转小程序)