uniApp配置微信分享 uniApp跳转微信小程序

最近在做uniApp时需要跳转微信小程序进行支付,以为和跳转支付宝小程序支付一样简单结果让我发狂,跳转微信代码其实很简单就是下面这一段,但是要配置一大推东西

提示:plus为App端默认的系统参数,不用引入或者其他操作

           ios跳转跳转微信小程序还需要配置Universal Links 

            Universal Links 手动配置点击查看,自动生成请按Hbuilder 的流程走

			// 跳转微信小程序
            // response 后台给的参数
			onWeinxinApp(response) {
				//#ifdef APP-PLUS
                  plus.share.getServices(function(res) {
						var sweixin = null;
						for (var i = 0; i < res.length; i++) {
							var t = res[i];
							if (t.id == 'weixin') {
								sweixin = t;
							}
						}
						if (sweixin) {
							sweixin.launchMiniProgram({
								id: response.g_id, //这里写你的小程序原始id(以gh开头)
								type: 0, //这里是不同的环境(默认0)
								path: response.path //这里是指定页的路径,如需传参直接字符串拼接(首页可以省略)
							});
							this.queryPayResult();
						}
					}, function(res) {
						console.log(JSON.stringify(res));
					});
				//#endif
			},

  

首先要配置白名单   alipays,alipay,safepay,weixin,wechat  详情请见官方文档

uniApp配置微信分享 uniApp跳转微信小程序_第1张图片

 

做完上面这些你以为就完了?NO,重点来了。因为跳转微信小程序需要配置微信分享,在uniApp官网已经给了说明,详情见uniApp跳转微信小程序官方说明

uniApp配置微信分享 uniApp跳转微信小程序_第2张图片

 微信开放平台本身没有AppId,这里配置微信分享的Appid是在微信开放平台配置的移动应用的Appid,【见下图】

创建移动应用个就有AppID

uniApp配置微信分享 uniApp跳转微信小程序_第3张图片

当我点击创建移动应用的时候,我又发现需要应用签名和应用包名,

包名:就是你生成安卓签名证书的时候的包名,应用签名继续往下看

uniApp配置微信分享 uniApp跳转微信小程序_第4张图片

 获取应用签名:

        第一:手机里面必须安装你开发的App

        第二:打包时候的包名和签名证书需要手动生成且固定

        第三:安装微信官方提供的签名生成工具

        安卓端的签名证书不能使用uniApp云端的,需要自己手动生成的,因为微信开放平台的这个应用签名是根据打包时的签名证书生成的,不同的签名证书生成的应用签名也不同

 微信官方工具下载地址:生成签名的App下载地址

uniApp配置微信分享 uniApp跳转微信小程序_第5张图片

安装好后只需要输入你App的包名,就会显示应用签名,

uniApp配置微信分享 uniApp跳转微信小程序_第6张图片

 到这一步:就算是配置完了

你可能感兴趣的:(微信,微信小程序,uni-app)