乐于分享
好东西不私藏

Uniapp App端如何实现点击按钮跳转微信小程序

Uniapp App端如何实现点击按钮跳转微信小程序

01

—    实际应用场景   —
最近开发中,遇到了三方合同签约的问题, 使用的是第三方提供的H5链接, 然后在webview中打开签约。
页面成功打开,但遇到了三方页面IOS APP端人脸识别无法调起摄像头的问题。
所以, 准备提供签约的备选方案,由App端点击按钮跳转微信拉起三方的微信小程序。
App拉起微信小程序前提需要满足两个条件:
  • 已知三方小程序的原始id,即“gh_***”开头的, 不是APPID,要注意
  • uniapp manifest.json文件中,模块配置要开启Share(分享)模块

02

—    代码实现   —
// 唤起小程序// 唤起小程序const jumpToMiniProgram = () => {// #ifdef APP-PLUS// 第一步:获取微信分享服务对象	plus.share.getServices((services) => {let weixinService = null;// 遍历服务列表,找到微信服务for (let i = 0; i < services.length; i++) {if (services[i].id === 'weixin') {					weixinService = services[i];break;				}			}// 第二步:判断是否找到微信服务if (weixinService) {// 第三步:调用 launchMiniProgram 方法唤起小程序				weixinService.launchMiniProgram(					{id'gh_10101010101'// 必填,小程序的原始ID,格式以 'gh_' 开头path'pages/index/index?from=app'// 选填,小程序页面路径及传递的参数 [citation:6]type0 // 选填,小程序版本:0-正式版,1-开发版,2-体验版					},(res) => {// 成功唤起后的回调函数 (注意:从小程序返回App时会触发此回调)// console.log('唤起小程序成功', res);						uni.showToast({ title'返回成功'icon'none' });					},(err) => {// 唤起失败的回调函数// console.error('唤起小程序失败', err);						uni.showToast({ title'唤起失败'icon'none' });					}				);else {// console.log('未找到微信服务,请检查配置');				uni.showToast({ title'微信服务未配置'icon'none' });			}		},(error) => {// 获取服务列表失败的回调// console.error('获取分享服务列表失败:', error);			uni.showToast({ title'获取服务失败'icon'none' });		}	);// #endif}

更多热门文章

如何使用d3-org-chart 写一个组织架构图
Flutter 如何自动生成图标类( iconfont图标使用补充篇 )
Android Studio 中Flutter项目: 实现底部tabbar页面切换
vue2与vue3的 自定义组件如何实现v-model 双向数据绑定
微信小程序如何实现页面间传递数据(页面间通信)

心您读完了整篇文章,喜欢记得点赞收藏(3)

本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » Uniapp App端如何实现点击按钮跳转微信小程序

评论 抢沙发

3 + 7 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
×
订阅图标按钮