当前位置: 首页 > news >正文

网站集约化建设进度汇报哪些网站做任务可以赚钱的

网站集约化建设进度汇报,哪些网站做任务可以赚钱的,wordpress极速优化,此网站三天换一次域名1. 配置微信公众平台的业务域名 首先,需要确保你已经在微信公众平台上正确配置了 H5 页面所使用的业务域名。没有配置业务域名的 H5 页面将无法正常调用微信开放标签。 这是微信 H5 页面与小程序之间通信的基础,确保该域名在微信认证的环境中可用。 2…

1. 配置微信公众平台的业务域名

首先,需要确保你已经在微信公众平台上正确配置了 H5 页面所使用的业务域名。没有配置业务域名的 H5 页面将无法正常调用微信开放标签。

这是微信 H5 页面与小程序之间通信的基础,确保该域名在微信认证的环境中可用。

2. 获取并配置小程序的原始 ID

使用 wx-open-launch-weapp 标签时,必须提供目标小程序的原始 ID(即 username 字段),该字段通常以 gh_ 开头。你可以在微信小程序后台找到这个 ID。

  • 登录微信小程序后台,进入“设置” -> “基本信息”页面。
  • 找到小程序的原始 ID,将其复制,备用。

在开放标签中,你需要将这个 ID 配置到 username 属性中,以确保 H5 页面能够正确调用指定的小程序。

3. 确保 H5 页面在 HTTPS 环境下运行

微信对安全性的要求很高,所有涉及微信 API 和开放标签的 H5 页面必须在 HTTPS 环境下运行。如果页面没有使用 HTTPS 协议,将导致功能无法正常使用。

确保你的 H5 页面已经部署到 HTTPS 环境。

4. 引入微信 JSSDK

在你的 index.html 中引入微信 JSSDK,以便在 H5 页面中调用微信的功能接口。

html
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

5. 配置微信 config

为了让微信 JSSDK 正常工作,需要在页面加载时进行 wx.config 的配置。这一步通常放在一个单独的配置文件中,比如 wxConfig.js。

// API 为获取公众号信息定义的接口
API().then((result) =>{wx.config({debug: false, // 开启调试模式appId: result.appId, // 必填,公众号的唯一标识timestamp: result.timestamp, // 签名时间戳 必填nonceStr: result.nonceStr, // 签名随机串 必填signature: result.signature,// 签名必填jsApiList: ['miniProgram.navigateTo', 'onMenuShareAppMessage'],// 使用的 JS 接口列表 必填openTagList: ['wx-open-launch-weapp'] // 开放标签});wx.ready(() => {console.log('config初始化正确')});wx.error((error) => {console.log(`config error`);});
}).catch((err) =>{console.log('接口加载错误', err)
})

6. 使用 wx-open-launch-weapp 标签

在页面中,使用 wx-open-launch-weapp 标签以展示一个按钮,用户点击按钮后将跳转到小程序的指定页面。

vue
<template><wx-open-launch-weappid="launch-btn":username="gh_xxxxxxxxx":path="/subpack/xxxx/xxxx"@launch="successFun"@error="errorFun"><script type="text/wxtag-template"><style>.content{width: 100%;height: 48px;background-color: red;}</style><div class="content"></div></script></wx-open-launch-weapp>
</template>
// username 是要跳转到小程序的原始id
// path 是要跳转到的小程序路径 为空就跳转到首页
// 注:写在开放标签里面的标签元素是不能使用v-if v-show这些的,如需写逻辑展示 如下
// <template v-if="xxx">
//   <wx-open-launch-weapp>
//   </wx-open-launch-weapp>
// </template>
// 在wx-open-launch-weapp标签外层套一层template写逻辑判断使用,开放标签里面使用写法不变
js
<script>methods: {successFun() {console.log('成功打开小程序')},errorFun(err) {console.log('打开小程序失败', err)}}
</script>

7. 使用注意事项总结

  • 业务域名配置:在微信公众平台中正确配置 H5 页面使用的业务域名。
  • 小程序原始 ID:确保在标签的 username 属性中填写小程序的原始 ID。
  • HTTPS 环境:H5 页面必须在 HTTPS 环境下运行,否则会导致功能无法使用。
  • 微信 JSSDK 配置:确保正确调用 wx.config。
  • 确保调取的公众号接口有开放标签(wx-open-launch-weapp)或其他功能的权限 注:本人踩过坑。。
http://www.dtcms.com/a/451882.html

相关文章:

  • 自建网站 好处哪个网站做美食视频软件
  • 网站建设分析书引言电子商务说白了就是干什么的
  • 国内的c2c网站有哪些android下载软件app
  • 房屋租赁网站建设管理设计网站评分标准
  • 江苏园博园建设开发有限公司网站免费网站代理
  • 无限站点建站系统小程序二次开发多少钱
  • 网站怎么做参考文献在线修图编辑器
  • 和平区网站制作程序员网站建设
  • 阜阳网站是企业网站建设对网络营销的影响主要表现在( )
  • 推广普通话宣传标语seo教程百度云
  • 温州高端网站建设公司网站名称创意大全
  • 如何做网站截流保健品网站建设背景
  • 网站seo优化皆宣徐州百都网络不错网站开发属于什么大学专业
  • 成都手机模板建站重庆建设工程信息网查询系统
  • 农产品销售网站建设方案外贸营销单页网站
  • 营销网站四大要素wordpress+技术类模板下载
  • 大型网站如何优化免费自建 响应式 网站
  • 霞浦建站公司十二师建设局网站
  • 代做网站排名公司建站系统
  • 建筑投标网站免费制作二维码网站
  • 网站后台管理 ftpseo公司哪家好
  • 网站建设项目如何敏捷太原住房与城乡建设厅网站
  • 梁山专做网站的公司net大规模网站开发视频
  • 网站做镜像的有什么用创建网站的免费软件国内
  • 网站怎么建设高端公司代码演示插件wordpress
  • 可视化 网站开发工具简速做网站工作室
  • 做网站盐城网站做推广的团队
  • 内蒙古网站建设信息域名备案查询网站备案信息查询
  • 哪个公司网站备案快wordpress 推广 插件
  • 公司网站建设费入哪个科目济南seo网站排名优化工具