uniapp开发的APP唤起微信打开小程序

uni-app开发的APP跳转到微信小程序需要调用H5+的原生界面控件。

  1. 用到了分享功能,在打包原生应用时,需要注意:首先勾选权限配置,manifest.json->App 模块权限配置->Share。然后,manifest.json->App SDK 配置->分享,按照提示填写微信分享的信息(微信开放平台,不是微信公众平台)。
    在这里插入图片描述

  2. 因为涉及到第三方 SDK 的配置,需要运行到手机进行测试。
    在这里插入图片描述

  3. 代码

<template>
	<view class="center">
		<view class="text"  @click="checkWeChat">跳转到小程序</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			sweixin: null
		}
	},
	onLoad() {
		this.getPlus()
	},
	methods: {
		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);
		},
		checkWeChat() {
			//调用微信小程序
			this.sweixin.launchMiniProgram({
				id:'gh_244-------' //要跳转小程序的原始ID
			})
		}
	}
}
</script>

原文链接:https://blog.csdn.net/superlover_/article/details/89382540

  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要在uniapp唤起微信支付,可以按照以下步骤进行操作: 1. 在uniapp项目中,打开`manifest.json`文件,添加微信支付的权限。在`"app-plus"`节点下的`"dplus"`节点中添加以下代码: ```json "payment": { "provider": "wxpay" } ``` 2. 在需要唤起微信支付的页面中,引入`uni.requestPayment`方法。可以在页面的`methods`中添加以下代码: ```javascript methods: { payWithWechat() { uni.requestPayment({ provider: 'wxpay', timeStamp: '', // 支付签名时间戳,需和后台返回的一致 nonceStr: '', // 支付签名随机串,需和后台返回的一致 package: '', // 统一下单接口返回的 prepay_id 参数值 signType: 'MD5', // 签名方式,默认为 MD5 paySign: '', // 支付签名 success: function(res) { console.log('支付成功', res) }, fail: function(err) { console.log('支付失败', err) } }) } } ``` 3. 在后台服务器进行统一下单接口调用,获取到`timeStamp`、`nonceStr`、`package`、`paySign`等参数,并将这些参数传递给前端页面。 4. 在前端页面中,将接口返回的参数赋值给`uni.requestPayment`方法中对应的参数。 5. 当用户点击支付按钮时,调用`payWithWechat`方法,会触发微信支付弹窗,用户输入支付密码完成支付。 请注意,以上步骤中涉及到的具体参数值需要根据实际情况进行填写和调整,如`timeStamp`、`nonceStr`、`package`、`paySign`等。同时,确保已经在微信开放平台注册并获取到了相关的支付配置信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值