uni-app微信小程序短信验证、微信支付
DCloud短信验证申请
参考文章: DCloud短信验证申请
DCloud阿里云服务空间申请
参考文章:Dcloud阿里云服务空间申请流程
创建uniCloud云开发环境
创建开发环境后会出现cloudfunctions文件夹,选择关联服务空间
下载uniapy: https://ext.dcloud.net.cn/plugin?id=1835
ds一句,你更新就更新、你更新结构,我真的好家伙。
我用的原来的unipay: https://download.csdn.net/download/gd898989/16093343
新版:
等有空我从新整理一下
老版
除了红框里的东西其他的全部干掉
在这里呢说明一下:本来云服务空间就不大,你还想储存那么多东西,实际开发用户多了,哪有闲工夫清理空间。大量数据在自己数据库不香么。
修改pay云函数
修改pay文件下的index.js
这里说明一下,微信小程序只能微信支付,要不然正式环境审核过不去,其他的支付功能直接干掉
'use strict';const uniPay = require('unipay')
exports.main = async (event, context) => {let {provider,outTradeNo,openid,totalfee} = eventlet uniPayInstance,notifyUrl =`https://109a7756-17c5-4481-ac8f-49b95221ee75.bspapp.com/http/payment-notify/${provider}_${context.PLATFORM}`,// notifyUrl异步回调,这里通知的还是服务空间的云函数,把地址改成自己的后台,需要记录交易单号,以及订单之类的tradeTypeuniPayInstance = uniPay.initWeixin({appId: '', //微信小程序appid 18位secret: '',//微信小程序secret 32位mchId: '', //商户id 10位key: '', //商户key 32位})tradeType = 'JSAPI'let orderInfo = await uniPayInstance.getOrderInfo({openid, // App端支付时不需要openid,传入个undefined也没有影响outTradeNo:outTradeNo,totalFee:totalfee,body: "测试商城的测试订单详情", //微信通知中的商品详情notifyUrl,tradeType})return orderInfo
};
修改uni-Id下config.json
//这里只使用微信小程序的就行了,其他不用填
{"passwordSecret": "passwordSecret-demo",//自己设置密码"tokenSecret": "tokenSecret-demo", //自己设置,就是自己申请的短信验证里的安全"tokenExpiresIn": 7200,"passwordErrorLimit": 6,"passwordErrorRetryTime": 3600,"app-plus": {"tokenExpiresIn": 2592000,"oauth" : {"weixin" : {"appid" : "weixin appid", //应用程序appid 18位、绑定微信开放平台"appsecret" : "weixin appsecret" //应用程序secret 32位}}},"mp-weixin": {"oauth" : {"weixin" : {"appid" : "weixin appid", //微信小程序appid 18位"appsecret" : "weixin appsecret" //微信小程序secret 32位}}},"mp-alipay": {"oauth" : {"alipay" : {"appid" : "alipay appid", //支付宝小程序appid"privateKey" : "alipay privateKey" //支付宝小程序key}}},"service": {"sms": {"name": "",//名字、随便填"codeExpiresIn": 300,"smsKey": "",//Dcloud短信验证key"smsSecret": "" //Dcloud短信验证secret}}
}
提交到云函数库
上传成功就可以啦
调用云函数
短信验证:
ps:这里调用user-center云函数也可以修改的,懒得动,看着修改就行了
send_code(){uniCloud.callFunction({name: 'user-center',//调用user-center的云函数data: {action: 'sendSmsCode',params: {mobile: '',//手机号code: '',//验证码type:'login', //验证类型templateId: '' //短信模板id}},success(res) {uni.showToast({title:"发送成功请稍后"})},fail(e) {console.error(e)uni.showModal({showCancel: false,content: '发送失败,请稍后再试'+e})}})
}
微信支付:
ps:别忘了你的异步回调后台方法对前端的支付进行验证哦
pay(){new Promise((resolve, reject) => {uni.getProvider({ //获取服务商机制service: 'payment',success(res) { resolve(res.provider)},fail() {reject(new Error('获取支付方式失败'))}})}).then((providerList) => {return new Promise((resolve, reject) => {uni.showActionSheet({itemList: providerList,success(res) {resolve(providerList[res.tapIndex])},fail() {reject(new Error('取消支付'))}})})}).then((provider) => {selectedProvider = provider;return uniCloud.callFunction({ //调用pay云函数name: 'pay',data: {provider,outTradeNo:"",//订单号openid :'',//获取到的微信openidtotalfee:'' //价格(分)如1元:totalfee:100}})}).then((res) => {uni.requestPayment({provider: selectedProvider,...res.result,success:(req)=>{uni.showModal({content: '订单已支付',showCancel: false}) //function(), 这里就可以修改你的订单状态,别忘了异步验证哦},fail:(errs)=>{uni.showModal({content:'支付失败',showCancel: false})}})}).catch(() => {uni.showModal({content:'支付失败',showCancel: false})})
}
最后:成为微信的商户需要交300大洋,而且需要营业执照,博主穷支付不起营业执照,用的公司的,可以向公司申请一下呦。如何成为微信商户,请关注博主,后期更新。
图片或部分信息来自网络,如有冲突,请留言删除更改
uni-app微信小程序短信验证、微信支付相关推荐
- 微信小程序短信验证登录
首先小程序wxml页面 <!--pages/logins/logins.wxml--> <view class="container"><view c ...
- 微信小程序短信验证码 php,微信小程序中短信验证码登录全流程及代码
才开始学习小程序,用到短信验证码登录,使用榛子云短信(smsow.zhenzikj.com) 效果: 我是java开发者,后端使用了springMvc 短信验证码实现流程 1.构造手机验证码,生成一个 ...
- 微信小程序-短信验证码
效果: 源码地址:链接:https://pan.baidu.com/s/17fbWUS1jrBLbPXyEgHKVcg 密码:ot16 参考:https://blog.csdn.net/Beijiya ...
- 微信小程序短信验证码登录demo
自己记录学习使用 html <view class="wrap"><view class="tel"><input type=&q ...
- 商城前端模板_如何理解微信小程序和微商城,微信公众号以及APP之间的关系?一张图看懂了!...
老张的一位粉丝,花了几天时间把知乎里面分享的一些关于微信小程序,微信商城,微信公众号,以及APP的相关介绍全看完了. 然后用他自己的话描述了微信小程序和微商城,微信公众号以及APP之间的关系,如下图所 ...
- 吉信通php 短信配置,吉信通:手机APP为什么要用短信验证?
原标题:吉信通:手机APP为什么要用短信验证? 手机的蓬勃发展,衍生出来众多APP,让原本功能单一的手机号身份变得多样化.如今似乎每个人的手机号都绑定了或多或少的各种账号,手机绑定的东西越来越多,涉及 ...
- 微信小程序***实现身份验证
标题微信小程序***实现身份验证 本次实现了身份验证功能,本功能需要提交身份证正面照片,反面照片,手持身份证等四张张照片,提交成功后等待工作平台审核,审核成功后即可完成身份验证. WXML: JS: ...
- 微信小程序调用指纹验证
微信小程序调用指纹验证共有三个相关的接口 1.wx.checkIsSupportSoterAuthentication() 获取本机支持的 SOTER 生物认证方式 wx.checkIsSupport ...
- 小程序短信验证码登录,1分钟实现小程序发短信功能,借助云开发10行代码实现短信验证码登录小程序
老规矩先看效果图 普通短信 验证码短信 今天被云开发官方告知,云开发支持发短信功能了,然后就迫不及待的来尝下鲜. 进入官方文档一看,云开发给咱们开发者的福利还真不小. 不仅仅可以很方便的使用短信功能, ...
- 微信小程序——短链接详解
微信小程序短链接 今天看到朋友分享的一个链接,点开后可以直接打开学校疫情防控小程序的结果,简单了解发现这是微信推出的小程序短链接功能,可以快速分享微信小程序的内容.其具体格式有如下两种: mp://( ...
最新文章
- 百度高层巨震!陆奇卸任COO,王海峰晋升高级副总裁
- ConfigUtil读取配置文件
- grep与sed批量处理多个文件中的字符串的方法
- Phone相关进程及通信
- 使用OutputDebugString帮助调试
- AT2165-[AGC006D]MedianPyramidHard【二分,贪心】
- 3D旋转(CSS3)
- 福建水院计算机一级清考,取消毕业“清考”大学生还敢混日子吗
- Informatica通过人工智能重新定义数据管理助力数据驱动型数字化转型
- Swift - iCloud存储介绍
- 火山PC表格及Excel的导入导出案例
- python爬虫: 爬一个英语学习网站
- 双路服务器装mac系统,华硕Z10 C612,双路E5继续折腾调试改机型Macpro终于成功。...
- 2021-03-25--通信网的身份认证与鉴权机制
- 共模信号和差模信号的区别和抑制
- html照片360度旋转展示,纯js实现360度旋转预览图片特效
- 【HDOJ 5654】 xiaoxin and his watermelon candy(离线+树状数组)
- 10个最佳Android游戏模板
- android 8.1 wifi提示“已连接 但无法访问互联网“的解决办法
- 3个小球放入4个盒子
热门文章
- Linux 引导过程与服务控制
- 微信支付-简易实例代码
- 你有必要不沾计算机一段时间英语,新人教版八年级英语下册unit 1必背词组及句子.docx...
- C/C++学习笔记: 字符串匹配Sunday算法
- 如何做杜邦线、XH线 制作方法
- 本人对Oracle Bill Of Material模块的一些了解
- 计算机软件著作权可以同时寄多份,软件著作权可以挂几个人,最多几个作者?...
- 阅读Revisiting Superpixels for Active Learning in Semantic Segmentation With Realistic Annotation Cost
- Ubuntu 安装 Google Chrome 浏览器
- 解决Android手机人民币符号--¥显示问题