微信内H5打开小程序

前置条件：已认证的服务号，订阅号不行

引入js: <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"> 或者在vue中安装 weixin-js-sdk

调用后台接口获取签名等信息

this.$axios.post("url", params).then(res => {wx.config({debug: false,appId: res.appid,signature: res.signature,jsapi_ticket: res.jsapi_ticket,nonceStr: res.nonceStr,timestamp: res.timestamp,jsApiList: ['checkJsApi', 'onMenuShareTimeline',//分享到朋友圈的接口'onMenuShareAppMessage'//分享给朋友的接口],openTagList: ["wx-open-launch-weapp"]   // 跳转小程序 开放标签})})

vue前端开放标签的写法

<wx-open-launch-weapp id="launch-btn" username="gh_XXXXXXXXXXXXXX" :path="'pages/work_detail/index.html?id=' + id +'&contributeId=' + contributeId" style="width: 100%"><script type="text/wxtag-template"><style>.btn { width: 100%; height:40px;background: #d93d25;border-radius: 18px;color: #FFF;font-size: 18px;display: flex;align-items: center;justify-content: center;border: 0;}</style><button class="btn">投票</button></script>
</wx-open-launch-weapp>

username: 小程序的原始ID

path: 跳转小程序页面的路径

注意按钮样式的写法

微信内H5打开小程序相关推荐

微信公众号打开小程序
场景:天天学农小程序跳转到精勤农民公众号,再在精勤农民公众号工具栏打开识农小程序第一步:天天学农小程序跳转到精勤农民公众号 <web-view src= ...
微信PC端打开小程序（腾讯文档）、网页都显示空白和QQ/TIM的群文件无法显示等问题的解决方法
问题描述: 1. 微信PC端无法打开腾讯文档的小程序,并且发现内置的浏览器网页均无法显示卸载重装后,打开腾讯文档又显示该信息,问题现象有变化,但根本问题未解决 2. QQ/TIM的群文件和群公告均无 ...
微信小程序引用echarts，微信PC端打开小程序不显示canvas
出现的问题在pc端ec-canvas组件不显示内容如图,红框内是一个饼图,但是未显示出现原因 pc端不支持2d,echarts插件在电脑端也不显示,但是echarts有解决方案. 解决方案在e ...
uniapp 公众号打开小程序，app打开小程序，小程序打开其他小程序
(公众号打开小程序) 第一步->进入项目目录: npm install jweixin-module --save 第二步->在要调用得页面里面 import jweixin from ' ...
微信网页开发：微信内h5使用wx-open-launch-weapp打开小程序，微信内h5使用wx-open-launch-app打开App的方案
需求场景: 当我们需要使用在微信客户端打开的h5页面,在页面上打开微信小程序或者唤起App时,我们需要使用微信js-sdk提供的开放标签能力.这其中:使用wx-open-launch-weapp标签打 ...
android用微信打开链接地址,外链h5浏览器跳转微信打开小程序跳转任意网站地址方法...
通过weixin://来打开微信客户端: 打开微信微信内打开网页协会说明: 如果要打开小程序或者公众号文章链接呢,就得找新接口了,这边笔者分析几个跳转入口, 微信跳转入口: 通过反编译,看到wei ...
侧边栏跳转_微信和三星首次系统级合作：在负一屏和侧边栏直接打开小程序
通常,我们把在手机上按下 Home 键返回的桌面算作「首屏」,首屏再向右滑则被称为「负一屏」.现在,手机「负一屏」已经是集成智能助手.全局搜索.系统应用和应用快捷方式(如苹果的 Widget)的重要入 ...
api 微信内置浏览器js_多端开发框架uni-app入坑指南，一套代码适用微信、头条等小程序...
前言 hello 小伙伴们,现在我已经正式入坑 uni-app 了.uni-app 已经发布好几个月了,期间也是踩坑无数,但是官方秉承着不抛弃不放弃的精神,积极解决开发者的各种简单的.复杂的问题,在此 ...
惊爆：各大 App 可直接打开小程序！微信收割移动互联网的时间开始了
点击上方"CSDN",选择"置顶公众号" 关键时刻,第一时间送达! 作者 | loonggg 本文经授权转自「非著名程序员」最近两天,一条新闻在各大科技媒体上 ...

微信内H5打开小程序

微信内H5打开小程序相关推荐

最新文章

热门文章