(公众号打开小程序)

第一步->进入项目目录:

npm install jweixin-module --save

第二步->在要调用得页面里面

import jweixin from 'jweixin-module'

第三步->获取签名信息

视图层:因为我是多个跳转按钮所以用一个for循环

<block v-for="(item,index) in list" :key="index">
<wx-open-launch-weapp id="launch-btn" username="gh_84b9766b95bc" :path="item.url">
<script type="text/wxtag-template">
<style>
.btn-open-weapp{
width: 226px;
height: 52px;
background: linear-gradient(0deg, rgba(255, 179, 16, 0.99), rgba(255, 227, 2, 0.99));
border-radius: 26px;
border: none;
margin-top: 18px;
color: #B0240A;
font-size: 16px;
font-weight: bold;
}
.btn-open-weapp::after {
border: none;
}
.btn-open-weapp::before {
border: none;
}
</style>
<button class="btn-open-weapp">{{item.name}}</button>
</script>
</wx-open-launch-weapp>
</block>

getsdksign(){
var that = this;
let url = window.location.href.split('#')[0]; // 很重要
let urls = url.split('#')[0];
that.$request({
url:'getsign',
methods:'GET'
},{
url:url
}).then(res=>{
let data = res.data.data;
jweixin.config({
debug: true, //测试时候用true 能看见wx.config的状态是否是config:ok
appId: data.appid, // 必填,公众号的唯一标识(公众号的APPid)
timestamp: data.timestamp, // 必填,生成签名的时间戳
nonceStr: data.noncestr, // 必填,生成签名的随机串
signature: data.sign, // 必填,签名
jsApiList: ['wx-open-launch-weapp'], // 必填,需要使用的JS接口列表
openTagList: ['wx-open-launch-weapp']
});
jweixin.ready(function (res1) {
console.log(res1);
});
jweixin.error(function (res1) {
console.log("接口调取失败:"+res1);
});
});
},

效果如下,是不是很简单丫。hhh...

( app打开小程序)

getPlus() {
//获取当前显示的webview
var pages = getCurrentPages()
var page = pages[pages.length - 1]
var currentWebview = page.$getAppWebview()
//调用H5+APP的扩展API
var shares=null;
let that = this
var pusher = plus.share.getServices(function(s){
shares={};
for(var i in s){
var t=s[i];
shares[t.id]=t;
}
that.sweixin=shares['weixin'];
}, function(e){
console.log("获取分享服务列表失败:"+e.message);
});
//放入当前的webview
currentWebview.append(pusher);
},

openmini(item){

var that = this;

that.sweixin.launchMiniProgram({
id:'gh_84b9766b95bc' ,//要跳转小程序的原始ID
// type:0, //0正式,1测试 ,2体验
path:item.url   //要打开得页面
});

}

ps:从app直接跳转到微信,并打开小程序,无法提供截图

(小程序打开其他小程序)

openmini(item){

var that = this;

uni.navigateToMiniProgram({
appId: 'wx77af438b3505c00e',
path:item.url, //要打开得页面
success(res) {
// 打开成功
}
});

}

效果如下,是不是很简单丫。hhh...

uniapp 公众号打开小程序,app打开小程序,小程序打开其他小程序相关推荐

  1. 公众号微信一键登录 app微信一键登录

    公众号微信一键登录 app微信一键登录 1.公众号微信一键登录 getCode() { // 非静默授权,第一次有弹框this.code = ''var local = location.href;/ ...

  2. 微信公众号页面跳转APP或小程序遇到的问题

    也许你会遇到这样的问题,标签不显示,我的解题思路是这样的,按照以下步骤一步一步查看,不妨试试: 1.检查signature是否正确 官方校验地址: https://mp.weixin.qq.com/d ...

  3. 微信支付(小程序,H5,公众号,扫码,App)

    一.支付模式 微信提供付款码支付.Native支付.JSAPI支付.APP支付.H5支付.小程序支付.刷脸支付共7种支付模式,其中Native支付是指生成支付二维码扫码支付,JSAPI支付是用户在微信 ...

  4. 微博引流到公众号继续阅读,需要跳转链接到微信打开继续付费阅读,如何设置这个跳转链接呢?

    这种需求是基于想利用微信的付费阅读功能或者微信服务号的付费小说阅读. 简单来说,就是用天天外链这样的工具来生成一个跳转链接即可.. 点击此处,了解天天外链如何点击跳转引流http://nilife.c ...

  5. uniapp 公众号支付

    如果你是vue 可参考: vue h5 公众号支付 后端的小伙伴需要做一些微信公众号的配置(商户目录 .域名) 以及 微信 商户平台的配置 前端主要的是通过code 获取 openid 来调起后端的接 ...

  6. 苹果付费app共享公众号_公众号淘客和APP淘客哪个好做?公众号与淘客APP利弊分析...

    更多精彩,请点击上方蓝字关注我们!近来淘客圈内很多人都在讨论APP淘客和公众号淘客,到底哪个更好做?哪个更赚钱?这两个问题一直困扰着中小淘客. 由于少数有实力的大淘客肯定做全领域的覆盖,相互配合引流, ...

  7. uniapp 公众号获取code

    uniapp H5获取code onLoad(){this.getCode()}, methods:{getCode() {var local = encodeURIComponent('xxx'); ...

  8. uniapp开发微信公众号,uniapp公众号本地调试,本地开发

    uniapp开发微信公众号,有一个痛点,就是每次要发布到线上,然后debug,效率低. 解决办法:查了很多百度==(参考在本地调试微信页面,只需三步 - 知乎 (zhihu.com) (37条消息) ...

  9. uniapp公众号微信支付

    1.安装jssdk npm install jweixin-module --save 2.调用 <template><viewstyle="width: 100%;hei ...

最新文章

  1. 【编程5】斐波那契数列 + 递归+LeetCode50
  2. MobileNet、GhostNet理解及测试
  3. 一个按钮,如果5分钟内点击再次点击给予提示操作频繁,在JS里可以这样写
  4. 使用IDEA在引入Schema空间时报错URI is not registered解决方法
  5. bapi sap 创建物料_DEMO: MIRO 根据物料创建贷项凭证BAPI_INCOMINGINVOICE_CREATE
  6. as3位图绘制器(矢量器):as3potrace
  7. 图像按钮ImageButton
  8. 河南省第九届ACM程序设计大赛总结
  9. matlab 无法保存.m文件
  10. 数据库课程设计—人事档案管理
  11. requests库入门-14-HTTP基本认证
  12. QT5鼠标触摸屏键盘支持
  13. 领存发布Z3系列2.5寸SATA一键自毁固态硬盘
  14. CL210管理存储--管理共享文件系统
  15. H3C忘记密码,优盘重置
  16. php mysql 开发成本_Java凭什么比PHP+MYSQL开发的B2B软件值钱
  17. langconv 安装 | python繁体 简体转换
  18. 数据挖掘实战(4)——聚类(Kmeans、MiniBatchKmeans、DBSCAN、AgglomerativeClustering、MeanShift)
  19. link2SD的原理以及开启方法
  20. 蓝宝石超频软件测试,帧数提高60% 蓝宝石黑科技TRiXX Boost

热门文章

  1. Mimikatz学习笔记
  2. python3 计算圆的周长和面积
  3. js获取父级html元素,js获取当前元素所有子级元素的(js获取父级元素下面的所有子元素)...
  4. mysql数据库视图
  5. Carsim-Simulink联合仿真实现倒车
  6. PHP图片转base64
  7. 商业智能 BI 跟业务系统的思维差异
  8. BS(Brower/Server)浏览器/服务器 和 C/S (Client/Server)客户端/服务器 的区别
  9. can总线短距离不用双绞线_电磁干扰很严重,如何提高CAN总线电磁兼容性
  10. 英语作文写写学校计算机房,我的学校英语作文3篇