uniapp开发APP跳转微信小程序和支付宝小程序(安卓版)

这篇具有很好参考价值的文章主要介绍了uniapp开发APP跳转微信小程序和支付宝小程序(安卓版)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

开发APP时需要支付时跳转微信或者支付宝去支付,但是因为银行合作问题不能直接跳转,所以选择跳转到小程序页面进行支付,微信小程序和支付宝小程序写法不同

APP跳转微信小程序

(需要manifest.json中APP模块配置Share中微信分享保持开启)

微信小程序原始id在微信开放平台查看

let originId = 'gh_xxxxxxxxx' // 微信小程序原始id
let path = 'page/index/index?id=123'  // 小程序页面路径
 uni.getStorageSync('DNS'))
 let envVersion = 2 // 0-正式版; 1-测试版; 2-体验版
 let webUrl = 'https://www.dcloud.io/hbuilderx.html' // 兼容低版本的网页链接

		plus.share.getServices(service => {
					let weixin = service.find(i => i.id === 'weixin')
						if (weixin) {
							weixin.launchMiniProgram({
								id: originId,
								path,
								type: envVersion,
								// webUrl
							}, res => {
								console.log('res', res)
							}, err => {
								console.log('err', err)
							})
						} else {
							// 没有获取到微信分享服务
							console.log(weixin)
						}
					}, err => {
						// 获取分享服务列表失败
						console.log(err)
					})

遇到的问题:跳转到小程序页面支付需要用到openID,token和DNS,重新登录比较麻烦,所以传参时直接一起传到小程序使用(传code获取openID时需要先清除一下DNS)

APP跳转支付宝小程序

支付宝小程序appid在支付宝开放平台查看

let alipayUrl = null;

if (uni.getSystemInfoSync().platform == "ios") {
	alipayUrl = 'alipay://platformapi/startapp?appId=123';
	} else {
	alipayUrl = 'alipays://platformapi/startapp?appId=123';
		}

	//alipayUrl 已经有? 问号了,所以这里需要进行编码
		let params = encodeURIComponent('?id=123')
// page=pages/index/index  跳转到支付宝小程序页面的页面路径
		alipayUrl = `${alipayUrl}&page=page/index/index${params}`
			//唤起支付宝
		plus.runtime.openURL(alipayUrl);

注意:跳转支付宝小程序默认正式版本

支付完成返回APP

<button  class="bottom" open-type="launchApp" app-parameter="wechat" binderror="launchAppError">返回APP</button>

如果是和我一样APP小程序公用一套代码的话,记得传参标记一下哪个是APP传过来的,不然会混乱文章来源地址https://www.toymoban.com/news/detail-738048.html

到了这里,关于uniapp开发APP跳转微信小程序和支付宝小程序(安卓版)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 跳转微信小程序和支付宝小程序

    参考链接 获取微信小程序 URL Scheme 1.1 获取小程序连接 这里需要获取长期有效的 Scheme,方式如下: 联系小程序开发者 其他渠道 示例 小程序 Scheme : 测试地址,可以打开小程序,只是打开后显示已注销 weixin://dl/business/?ticket=l92578fd8404e0d4e3e975f910fa43f3a 1.2 跳转使用 苹果手机中

    2024年02月06日
    浏览(84)
  • APP 跳转微信小程序和回调

    在同一开放平台账号下的移动应用及小程序无需关联即可完成跳转,非同一开放平台账号下的小程序需与移动应用(APP)成功关联后才支持跳转。 可在“管理中心-移动应用-应用详情-关联小程序信息”,为通过审核的移动应用发起关联小程序操作。 App打开下程序有两种方式

    2023年04月09日
    浏览(68)
  • uniApp配置微信分享 uniApp跳转微信小程序

    最近在做uniApp时需要跳转微信小程序进行支付,以为和跳转支付宝小程序支付一样简单结果让我发狂,跳转微信代码其实很简单就是下面这一段,但是要配置一大推东西 提示:plus为App端默认的系统参数,不用引入或者其他操作            ios跳转跳转微信小程序还需要配置

    2024年02月09日
    浏览(63)
  • uniapp webview H5跳转微信小程序

    第一步:manifest.json 第二步:index.html 第三步 H5跳转微信小程序代码

    2024年02月10日
    浏览(60)
  • uniapp微信公众号(h5)端跳转微信小程序

    !!!不是微信公众号菜单跳转小程序 微信公众号菜单跳转小程序:公众号和小程序相互关联,在公众号的自定义菜单中配置即可 1、 绑定域名  2、安装依赖 jweixin-module 3、 引入挂载 !!!main.js引入挂载 !!!单页面引入挂载 4、 通过 config 接口注入权限验证配置(需要后

    2024年02月13日
    浏览(128)
  • uniapp开发的App(安卓)端跳转uniapp微信小程序

    本文总结两种跳转方法:!!!适合自己的才是最好的         !   小程序的 URL Scheme           !! 小程序的 URL Link    代码实现: !!!切记本案例是前端调用,应该让后端封装调用(为了安全考虑) 以上可以拿到小程序的两种URL 链接 vebView页面代码: !!!打包App时需

    2024年02月08日
    浏览(66)
  • uniapp h5跳转微信小程序(wx-open-launch-weapp)

    目录 一、注意事项 二、使用步骤   三、调整样式 微信版本要求为:7.0.12及以上 系统版本要求为:iOS 10.3及以上、Android 5.0及以上 已认证的服务号 ,服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。 已认证的非个人主体的小程序,使用小程

    2024年02月02日
    浏览(55)
  • app跳转至微信小程序进行支付

    app端代码:(app两套代码做参考) ios开发工具包(SDK) 前往下载  官方文档   官方文档  

    2024年02月16日
    浏览(72)
  • uniapp项目编译成H5后跳转到微信小程序(支持微信扫码、支付宝扫码)

    uniapp项目编译成 H5 后跳转到 微信小程序 (支持微信H5、支付宝H5) 场景:1、微信扫码跳转到该H5中后点击某事件(或者不点击直接跳转)需要跳转到微信小程序;2、支付宝扫码跳转到H5中后点击某事件(或者不点击直接跳转)需要跳转到微信小程序 思路:调用后端接口返回

    2024年02月13日
    浏览(56)
  • 微信扫码跳转微信小程序

    一:首先声明为什么需要这样做         项目中需要在后台管理页面进行扫码支付,其他人弄了微信小程序支付,所以就需要挑战小程序进行支付,在跳转的时候需要参数例如订单编号等 二:跳转小程序的方法有多种         接口调用凭证 | 微信开放文档          具体可

    2024年02月11日
    浏览(71)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包