查看: 96|回复: 0

[小程序] uni-app开发的APP跳转到微信小程序

[复制链接]

2

主题

0

回帖

0

积分

积极分子

金币
0
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2011-11-21
发表于 2023-6-21 19:23:00 | 显示全部楼层 |阅读模式

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

注意事项:

  • 用到了分享功能,在打包原生应用时,需要注意:首先勾选权限配置,manifest.json->App 模块权限配置->Share。然后,manifest.json->App SDK 配置->分享,按照提示填写微信分享的信息(微信开放平台,不是微信公众平台)。
  • 因为涉及到第三方 SDK 的配置,需要打包自定义基座进行测试。真机运行自定义基座包使用说明
  • 需要在微信开放平台开启APP跳转小程序,并管理相应的小程序

跳转到微信小程序的代码:

<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;
					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>

小程序原始ID获取方法:

登录微信公众平台,设置->基本设置,最下边为原始ID



参考资料:
App端跳转小程序方式
uni-app中如何使用5+的原生界面控件



来源:https://www.cnblogs.com/xiao-lang/p/17707734.html
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部