app第三方支付,微信小程序支付

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

最近公司开发一个app,需要从app跳转到小程序去微信支付,当时在网上看了好长时间没有看到适合自己的,在这里记录一下,也方便自己以后可以再复习一下,毕竟本人脑子不太好使,只能记下来。文章来源地址https://www.toymoban.com/news/detail-590703.html

小程序微信支付:

 // #ifdef MP
 //小程序 微信
uni.requestPayment({
    // timeStamp,nonceStr,package,signType,paySign皆为后端返回
    provider: type, // type:wxpay
	timeStamp: data.timeStamp, 
	nonceStr: data.nonceStr, 
	package: data.package,
	signType: data.signType,
	paySign: data.paySign,
	success: (e) => {
		uni.redirectTo({
			url: "/pagesB/payment/paySuccess?orderNos="+this.payIds+"&price="+this.price
		})
	},
	fail: (e) => {
	    //用户取消支付 不做处理
	    console.log("fail", e);
		this.subLoading = false;
		this.subDisabled = false;
	},
	complete: (e) => {
		console.log(e)
	}
})
// #endif

app跳转小程序微信支付

  • app跳转页面携带参数到小程序
data() {
	return {
		weixin: null,
	};
},
onLoad(options) {
    // #ifdef APP-PLUS  
		plus.share.getServices((s) => {
			console.log(s)
			let shares = {};
			for (let i = 0; i < s.length; i++) {
				let t = s[i];
				shares[t.id] = t;
			}
				let sweixin = shares['weixin'];
				this.weixin = sweixin
				console.log(this.weixin)
		}, function(e) {
				console.log("获取分享服务列表失败:" + e.message);
			});
	//#endif
},
methods:{
    // 确认支付
    payment() {
        ......... 
        // #ifdef APP-PLUS
		this.weixin ? this.weixin.launchMiniProgram({
		    path: `pagesB/payment/pay?price=${this.price}`, 
			type: 2, //可取值: 0-正式版; 1-测试版; 2-体验版。 默认值为0。
			id: '............', //小程序的原始id
			success(res) {
			    console.log('成功')
			}
		}) : plus.nativeUI.alert('当前环境不支持微信操作!');
			    return
			// #endife
    }
    // path里面的是路径由自己决定需要跳转到小程序哪一个页面,此处也可以传参哦!
}

  • 小程序接收参数,拉起微信支付
onLoad(option) {
// #ifdef MP
// app跳转小程序支付 判断
	this.weixinFlag = options.weixinFlag
		if (this.weixinFlag == '1') { 
			console.log('app跳转小程序支付')
			let data = res.data
			//小程序 微信
			uni.requestPayment({
    			provider: 'wxpay',
				timeStamp: data.time_stamp,
				nonceStr: data.nonce_str,
				package: data.package,
				signType: data.sign_type,
				paySign: data.pay_sign,
				success: (e) => {
					console.log('支付成功')
				},
				fail: (e) => {
					//用户取消支付 不做处理
				    console.log("fail", e);
				},
				complete: (e) => {
					console.log(e)
				}
            })
        }
     // #endif
}

 

到了这里,关于app第三方支付,微信小程序支付的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 微信小程序 - 使用第三方字体

    在微信小程序中,我们可以通过引入第三方字体来实现更加个性化和独特的文字效果。本文将详细介绍如何引入并使用第三方字体。 步骤一:选择字体文件 首先,我们需要选择一个适合的第三方字体文件。可以在网络上搜索并下载免费的字体文件,也可以购买商业字体。确

    2024年02月03日
    浏览(69)
  • 微信小程序使用第三方插件

    这里是使用npm方式安装第三方插件: 1,首先新建一个微信小程序项目并找到该项目的文件地址, 如下图: 该项目中我以安装 weui插件为例进行演示。在上图中的目录中打开PowerShell窗口,先要进行npm 初始化,输入npm help init  ,默认回车下一步下一步就ok; 2,输入命令:npm in

    2024年02月08日
    浏览(69)
  • 微信小程序--引用第三方组件

    引用方式分为两种 1、使用npm安装 【方便更新 推荐】 2、直接引用dist文件 按需加载组件库中的组件可以使用 3、lin-ui 组件库中的配置 1、安装nodejs环境 2、使用命令行初始化package json文件 打开小程序根目录 使用npm init初始化 3、安装第三方组件 init之后打开小程序会发现多了

    2024年02月08日
    浏览(80)
  • 微信小程序第三方插件申请

    记录下小程序申请插件的页面,之前自己找了很久,方便后续使用 1. 先找到自己需要的第三方插件的appid 2. 登录微信公众平台后台(mp.weixin.qq.com) 3. 打开小程序插件页面          https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=插件appid         如小程序直播的页面就是:http

    2024年02月09日
    浏览(59)
  • 微信小程序跳转第三方页面

    使用web-view,官方说明web-view 承载网页的容器。会自动铺满整个小程序页面, 个人类型的小程序暂不支持使用 具体实现思路: 1、首先需要配置小程序的公众平台当中的开发管理选项的业务域名,具体看官方指引 2、在小程序当中新建一个页面文件来单独存放web-view组件,sr

    2024年02月11日
    浏览(70)
  • uniapp微信小程序引入第三方广告插件

      以Slime广告插件为例。 一、微信小程序后台申请相关插件   二、manifest.json文件 三、pages.json文件 四、要使用该插件的vue页面 引用插件后就可以使用插件的相关方法。 附:Slime插件文档 Slime | 小程序插件 | 微信公众平台

    2024年02月11日
    浏览(73)
  • 微信小程序使用第三方ui组件库

    第三方的ui组件有很多,本篇文章主要介绍Vant Weapp。 https://vant-contrib.gitee.io/vant-weapp/#/quickstart 先在微信开发者工具终端通过命令安装vant weapp: 通过 npm 安装 npm i @vant/weapp -S --production 通过 yarn 安装 yarn add @vant/weapp --production 安装 0.x 版本 npm i vant-weapp -S --production 安装vant weap

    2024年02月12日
    浏览(67)
  • 微信小程序使用 npm 安装第三方包

    微信小程序支持使用 npm 安装第三方包。 在小程序根目录下执行 npm install 第三方包名 安装 npm 包。 点击开发者工具中的菜单栏: 工具 -- 构建 npm 完成构建。 就可以使用 npm 包了。

    2024年02月11日
    浏览(72)
  • 微信小程序使用webview打开第三方地址

    1、在page下创建一个webview目录文件包含index.js index.wxml,配置好路由 2、index.js 3、index.wxml 4、跳转 (地址后拼接参数需要转码) 注意:webview页面的title 取得是第三方地址的title标签的内容,且webview页面不支持自定义标题

    2024年02月10日
    浏览(68)
  • 微信小程序跳转第三方H5的方法

    使用web-view标签进行跳转 首先建立一个新的页面,这个页面就是为了第三方H5页面准备的。 在index.wxml中,写以下代码 在index.js中,写一下代码 在需要点击跳转第三方页面的地方,js文件中用以下代码实现跳转 以上代码就实现了跳转第三方链接/H5页面 项目中大部分时候,需要

    2024年02月11日
    浏览(64)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包