uniapp使用支付宝小程序插件

比如接入商家消息的插件:https://opendocs.alipay.com/mini/01rnqx

准备工作:先按照上面的操作购买添加插件到指定的小程序

开入接入:
在这里插入图片描述
如果使用uniapp,以上几个步骤要稍微调整下:

第二步原本在app.json中添加插件在uniapp开发中需要换到manifest.json中(unapp项目根本下就有)

找到支付宝小程序的配置:

"mp-alipay": {
		"usingComponents": true,
		"appid": "appid",
		"uniStatistics": {
			"enable": true
		},
		// 这是从支付宝文档上copy过来的,什么也不用改
		"plugins": {
			"subscribeMsg": {
				"version": "*",
				"provider": "2021001155639035" // 消息订阅插件 appid,固定为 2021001155639035
			}
		}
	},

第三步在页面挂载组件,这是放在page.json中的,需要注意的是usingComponents是放在style下面的,之前放在style的外面一直提示页面没有添加组件

{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "",
				"usingComponents": {
				"subscribe-msg": "plugin://subscribeMsg/subscribe-msg"
				}
			}
			
}
		

第四步在vue页面添加刚才挂载的组件和调用组件

<button @click="call_method">唤起组件</button> 
<!-- #ifdef MP-ALIPAY -->
<subscribe-msg />
<!-- #endif -->

js中把插件的方法引入以及触发

const { requestSubscribeMessage } = requirePlugin('subscribeMsg');
export default {
  data() {
    return {}
  },
  method:{
    call_method(){
      	requestSubscribeMessage({
			entityIds:['template_id'],
				callback(res) {
					console.log(res);
				}
			})
    },
  },
}


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp使用支付支付,可以通过uni.requestPayment方法来实现。这是一个统一各平台的客户端支付API,无论是在小程序还是在App中,都可以使用该API调用支付。\[1\] 如果在uniapp中无法调起支付支付,可能是因为targetSdkVersion大于或等于30的原因。可以尝试将targetSdkVersion改为28,这样可能可以解决问题。但需要注意,这种解决方式可能会与其他引入的件产生冲突。\[2\] 要在uniapp使用支付支付,需要进行以下配置: 1. 打开项目的manifest.json文件,在"App模块配置"项的"Payment(支付)"下,勾选"支付支付"。\[3\] 下面是一个示例代码,用于获取订单信息并发起支付支付: ```javascript var orderInfo = ''; // 从服务器获取的订单信息 var alipaySev = null; // 支付支付对象 plus.payment.getChannels(function(channels){ for (var i in channels) { var channel = channels\[i\]; if (channel.id === 'alipay') { alipaySev = channel; } } // 发起支付 plus.payment.request(alipaySev, orderInfo, function(result){ var rawdata = JSON.parse(result.rawdata); console.log("支付成功"); }, function(e){ console.log("支付失败:" + JSON.stringify(e)); }); }, function(e){ console.log("获取支付渠道失败:" + JSON.stringify(e)); }); ``` 以上是uniapp使用支付支付的方法和配置。希望对你有帮助! #### 引用[.reference_title] - *1* [uni-app调用微信支付支付支付](https://blog.csdn.net/qingshui_zhuo/article/details/113751668)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [uniapp实现微信支付支付支付](https://blog.csdn.net/Mitin_/article/details/129966812)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [uni-app 微信、支付APP支付流程](https://blog.csdn.net/weixin_41302755/article/details/125215227)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值