【支付】字节抖音小程序,调起内置支付 uniapp

这篇具有很好参考价值的文章主要介绍了【支付】字节抖音小程序,调起内置支付 uniapp。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

  1. 提交订单,后端返回 重要数据 包含 appid ,时间戳 一些 (把数据 JSON.parse处理一下)
  2. 调用内置支付
后端返回的数据格式 是string  先转换为 对象
orderString: "{\"order_token\":\"CgwIARDGJRiuMiABKAESTgpMPqp5Z6AaA5n0w/bVzukMhlUitGAY0zsrczQMGAK1JD3ETSEH76dn8207GfdWRN3k5YtcM5+KciV2yOiY15VSnAjBnjcZUQaJM87iARoA.L\",\"order_id\":\"N7212547906786642228\",\"url\":\"\"}"

uniapp抖音小程序支付,小程序,uni-app

调用支付 具体写法

1.首先通过uni.getProvider方法获取到用户手机里的服务商,service选择payment,共有4种方式alipay(支付宝支付)、wxpay(微信支付)、baidu(百度收银台支付)、appleiap(苹果应用内支付)文章来源地址https://www.toymoban.com/news/detail-538980.html

onShow() {
	uni.getProvider({
		service: 'payment',
		success: function(res) {
			uni.setStorageSync('providerpayment', res.provider[0]);
		}
	});
}
// #ifdef MP-TOUTIAO
that.opratePay(JSON.parse(res.orderString));

// #endif
opratePay(orderString) {
	let _this = this;
	//支付
	uni.requestPayment({
		provider: uni.getStorageSync('providerpayment'),
		// #ifdef MP-TOUTIAO
		orderInfo: orderString,
		service: 5,
		// #endif

		success: function(value) {
			// #ifdef MP-TOUTIAO
			if(value.code==0){
				uni.showToast({
					title: '支付成功',
					icon: 'none'
				});
				_this.showPay = false;
			
			}else{
				_this.showPay = false;
				uni.showToast({
					title: '支付失败',
					icon: 'none'
				})
			}
			// #endif
		},
		fail: function(err) {
			console.log(err);
			_this.showPay = false;
			uni.showToast({
				title: '支付失败',
				icon: 'none'
			})
		}
	})
},


到了这里,关于【支付】字节抖音小程序,调起内置支付 uniapp的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 抖音小程序配置webview域名

    例如下载的文件名为 wertyu.txt,文件内容为 rtyujbvfg2ehh8qazc,要配置的域名为 yugbn.vnes.com,则配置服务器如 Nginx ,在访问 https://yugbn.vnes.com/wertyu.txt 返回 rtyujbvfg2ehh8qazc 即可。    

    2024年02月05日
    浏览(40)
  • 抖音小程序实践四:实现小程序分享

    有时候我们要把一个小程序分享给别人,去看套餐、买东西之类的,是一个很常见的功能,但是在接入抖音小程序的时候,初始化右上角三个点并没有分享的入口,那看来不是要申请,就是有别的开发的口子了。下面我们一起了解下。 从一个菜鸟的角度,我登录开发者后台,

    2024年02月05日
    浏览(55)
  • 抖音小程序、微信小程序创建广告位

    抖音开放平台-流量主行为规范 这个是抖音文档,但是妮妮手把手教你写代码~ 必须满足开通条件才能开通广告位!!! 满足条件之后,点击 开通按钮 ,填写 绑定账户 和 广告位类型,你就拥有广告ID啦,恭喜恭喜~ 激励视频 妮妮这次主要写的是抖音开放平台-tt.createRewarde

    2024年02月10日
    浏览(54)
  • 抖音小程序开发教学系列(4)- 抖音小程序组件开发

    在本章中,我们将深入探讨抖音小程序的组件开发。组件是抖音小程序中的基本构建块,它们负责展示数据和与用户交互。了解组件的开发方法和使用技巧是进行抖音小程序开发的重要一步。 抖音小程序提供了许多常用的基本组件,它们分别具有不同的功能和用途。在我们的

    2024年02月09日
    浏览(51)
  • 抖音seo矩阵系统源码开发部署|抖音小程序接入(一)

    (1)申请开放平台服务商 (2)申请开放平台网站应用 (3)申请开放平台应用权限 (4)提交各个API接口申请文档 (5)审核通过技术开发部署接入 抖音SEO源码是指抖音视频的优化代码。这些代码能够优化视频在搜索引擎上的排名,从而让更多的人看到你的视频。抖音SEO源码

    2024年02月12日
    浏览(42)
  • uniapp生成抖音小程序 问题记录

    input标签 在ios不显示 在开发工具和安卓上input标签可以正常显示,但是在ios上发现input标签不显示。 解决办法:给input加上宽度; 原因大概是抖音小程序的input输入框没有宽度,需要手动设置。 input标签在ios中给不上默认值 页面初始化后从本地缓存中得到数据并绑定给input标

    2023年04月18日
    浏览(37)
  • 抖音小程序实践三:接口开发指南

    通过官方文档可以更系统的学习到所有的接口,我这边罗列一下我自己用到测试过的接口供大家参考。 前端-小程序对接官方文档:https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/api/open-interface/user-information/tt-get-user-info 服务端-小程序官方文档:https://developer.open-douyin.com/docs/re

    2024年02月03日
    浏览(38)
  • 抖音小程序实现less语言编译样式

    2024年02月12日
    浏览(44)
  • 从微信小程序到抖音小程序:转换指南

    抖音小程序是一种新兴的小程序平台,与微信小程序类似,都是基于小程序框架的开发,不过两者的开发环境和API有所不同。如果你已经开发了一款微信小程序,想要将其转换为抖音小程序,可以按照以下步骤进行: 1.注册抖音小程序账号 首先需要注册一个抖音小程序账号,

    2024年02月01日
    浏览(46)
  • 发布自己的第一个抖音小程序

    结构与微信小程序一样 内嵌H5网页,适用于任何平台,同样也是使用web-view组件 相比起来,它比微信小程序更加简化,开发会更方便了。 API查询地址:https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/component/open-capacity/web-view/

    2024年02月11日
    浏览(49)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包