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

╰半夏微凉° 2021-09-28 11:44 883阅读 0赞

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

**注意事项：**

*  用到了分享功能，在打包原生应用时，需要注意：首先勾选权限配置，manifest.json->App 模块权限配置->Share。然后，manifest.json->App SDK 配置->分享，按照提示填写微信分享的信息（微信开放平台，不是微信公众平台）。
 *  因为涉及到第三方 SDK 的配置，需要打包自定义基座进行测试。[真机运行自定义基座包使用说明][Link 1]
 *  需要在微信开放平台开启APP跳转小程序，并管理相应的小程序  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1cGVybG92ZXJf_size_16_color_FFFFFF_t_70]

#### 跳转到微信小程序的代码： ####

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

#### 小程序原始ID获取方法： ####

登录[微信公众平台][Link 2]，设置->基本设置，最下边为原始ID  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1cGVybG92ZXJf_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1cGVybG92ZXJf_size_16_color_FFFFFF_t_70 2]  
参考资料：  
[App端跳转小程序方式][App]  
[uni-app中如何使用5+的原生界面控件][uni-app_5]

[Link 1]: http://ask.dcloud.net.cn/article/12723
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1cGVybG92ZXJf_size_16_color_FFFFFF_t_70]: /images/20210923/63c056d2602247bfabd51b021dd54d50.png
[Link 2]: https://mp.weixin.qq.com
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1cGVybG92ZXJf_size_16_color_FFFFFF_t_70 1]: /images/20210923/7ca7082990584e5391b81a41c9b3d0c9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1cGVybG92ZXJf_size_16_color_FFFFFF_t_70 2]: /images/20210923/39625d3353ad41439591796d1ef3e2a2.png
[App]: https://www.html5plus.org/doc/zh_cn/share.html#plus.share.ShareService.launchMiniProgram
[uni-app_5]: http://ask.dcloud.net.cn/article/35036