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微信小程序短信验证、微信支付相关推荐

  1. 微信小程序短信验证登录

    首先小程序wxml页面 <!--pages/logins/logins.wxml--> <view class="container"><view c ...

  2. 微信小程序短信验证码 php,微信小程序中短信验证码登录全流程及代码

    才开始学习小程序,用到短信验证码登录,使用榛子云短信(smsow.zhenzikj.com) 效果: 我是java开发者,后端使用了springMvc 短信验证码实现流程 1.构造手机验证码,生成一个 ...

  3. 微信小程序-短信验证码

    效果: 源码地址:链接:https://pan.baidu.com/s/17fbWUS1jrBLbPXyEgHKVcg 密码:ot16 参考:https://blog.csdn.net/Beijiya ...

  4. 微信小程序短信验证码登录demo

    自己记录学习使用 html <view class="wrap"><view class="tel"><input type=&q ...

  5. 商城前端模板_如何理解微信小程序和微商城,微信公众号以及APP之间的关系?一张图看懂了!...

    老张的一位粉丝,花了几天时间把知乎里面分享的一些关于微信小程序,微信商城,微信公众号,以及APP的相关介绍全看完了. 然后用他自己的话描述了微信小程序和微商城,微信公众号以及APP之间的关系,如下图所 ...

  6. 吉信通php 短信配置,吉信通:手机APP为什么要用短信验证?

    原标题:吉信通:手机APP为什么要用短信验证? 手机的蓬勃发展,衍生出来众多APP,让原本功能单一的手机号身份变得多样化.如今似乎每个人的手机号都绑定了或多或少的各种账号,手机绑定的东西越来越多,涉及 ...

  7. 微信小程序***实现身份验证

    标题微信小程序***实现身份验证 本次实现了身份验证功能,本功能需要提交身份证正面照片,反面照片,手持身份证等四张张照片,提交成功后等待工作平台审核,审核成功后即可完成身份验证. WXML: JS: ...

  8. 微信小程序调用指纹验证

    微信小程序调用指纹验证共有三个相关的接口 1.wx.checkIsSupportSoterAuthentication() 获取本机支持的 SOTER 生物认证方式 wx.checkIsSupport ...

  9. 小程序短信验证码登录,1分钟实现小程序发短信功能,借助云开发10行代码实现短信验证码登录小程序

    老规矩先看效果图 普通短信 验证码短信 今天被云开发官方告知,云开发支持发短信功能了,然后就迫不及待的来尝下鲜. 进入官方文档一看,云开发给咱们开发者的福利还真不小. 不仅仅可以很方便的使用短信功能, ...

  10. 微信小程序——短链接详解

    微信小程序短链接 今天看到朋友分享的一个链接,点开后可以直接打开学校疫情防控小程序的结果,简单了解发现这是微信推出的小程序短链接功能,可以快速分享微信小程序的内容.其具体格式有如下两种: mp://( ...

最新文章

  1. 百度高层巨震!陆奇卸任COO,王海峰晋升高级副总裁
  2. ConfigUtil读取配置文件
  3. grep与sed批量处理多个文件中的字符串的方法
  4. Phone相关进程及通信
  5. 使用OutputDebugString帮助调试
  6. AT2165-[AGC006D]MedianPyramidHard【二分,贪心】
  7. 3D旋转(CSS3)
  8. 福建水院计算机一级清考,取消毕业“清考”大学生还敢混日子吗
  9. Informatica通过人工智能重新定义数据管理助力数据驱动型数字化转型
  10. Swift - iCloud存储介绍
  11. 火山PC表格及Excel的导入导出案例
  12. python爬虫: 爬一个英语学习网站
  13. 双路服务器装mac系统,华硕Z10 C612,双路E5继续折腾调试改机型Macpro终于成功。...
  14. 2021-03-25--通信网的身份认证与鉴权机制
  15. 共模信号和差模信号的区别和抑制
  16. html照片360度旋转展示,纯js实现360度旋转预览图片特效
  17. 【HDOJ 5654】 xiaoxin and his watermelon candy(离线+树状数组)
  18. 10个最佳Android游戏模板
  19. android 8.1 wifi提示“已连接 但无法访问互联网“的解决办法
  20. 3个小球放入4个盒子

热门文章

  1. Linux 引导过程与服务控制
  2. 微信支付-简易实例代码
  3. 你有必要不沾计算机一段时间英语,新人教版八年级英语下册unit 1必背词组及句子.docx...
  4. C/C++学习笔记: 字符串匹配Sunday算法
  5. 如何做杜邦线、XH线 制作方法
  6. 本人对Oracle Bill Of Material模块的一些了解
  7. 计算机软件著作权可以同时寄多份,软件著作权可以挂几个人,最多几个作者?...
  8. 阅读Revisiting Superpixels for Active Learning in Semantic Segmentation With Realistic Annotation Cost
  9. Ubuntu 安装 Google Chrome 浏览器
  10. 解决Android手机人民币符号--¥显示问题