支付宝小程序转微信小程序？

最新推荐文章于 2023-03-08 10:24:45 发布

UUID_IU

最新推荐文章于 2023-03-08 10:24:45 发布

阅读量2.3k

点赞数 1

文章标签：小程序 js

本文链接：https://blog.csdn.net/qq_40603040/article/details/106925116

版权

本文主要探讨了从支付宝小程序转换到微信小程序过程中遇到的语法、API、文件名及配置差异。通过列举具体的示例，如显示操作菜单、获取手机号、唤起支付等，展示了两者之间的不同。虽然转换过程中存在一些微信小程序不支持的功能，如支付宝特有的组件和某些组件的特定属性，但大部分逻辑和代码可以通过全局替换快速调整。作者分享了这一过程的经验，以期为其他开发者提供参考。

摘要由CSDN通过智能技术生成

问题概述

支付宝小程序做完后，开始转战微信小程序；网上搜了一下都是微信转支付宝，并且还有转换工具（实名羡慕。。），并没有找到支付宝转换微信小程序的前车之鉴。由于拿到的是一半的项目，因此准备将支付宝与微信的区别整理出来，然后在开发者工具或者vscode进行全局替换，也能熟悉一下之前的代码。在做的过程中，进度还是很快的，三个工作日左右就能把语法、组件、API之类的改完，逻辑基本是不变的，在此整理一下两者的区别，方便大家在转换的时候能有些参考价值。

支付宝小程序-微信小程序

语法、文件名区别

类别	支付宝小程序	微信小程序
文件后缀	.acss、.axml	.wxss、.wxml
方法前缀	my.、a:	wx.、wx:
操作事件等（注意大小写）	onTap、onInput、 catchTap、onChange、 onSubmit、onFocus、formType等	bindtap、bindinput、catchtouchstart、bindchange、catchsubmit、bindfocus、form-type等

API区别

类别	支付宝小程序	微信小程序
同步设置、获取缓存	设置：my.setStorageSync({ key: ‘test’, data:‘test0’});获取：my.getStorageSync({ key: ‘test’ }).data	设置：wx.setStorageSync({ ‘test’, ‘test0’});获取：wx.getStorageSync( ‘test’ )
获取登录凭证	方法：my.getAuthCode、返回code：res.authCode	方法： wx.login、返回code：res.code
多列选择器	my.multiLevelSelect	picker组件
调用扫一扫	my.scan	wx.scanCode
消息提示框	my.showToast({ type: ‘success’, content: ‘test’,duration: 2000,success: () => { console.log(“test1”) }});	wx.showToast({title: ‘成功’, icon: ‘success’, duration: 2000})
网络请求	wx.request 返回的状态值：res.statusCode、请求头传参：header	my.request 返回的状态值：res.status、请求头传参：headers
消息提示框	my.showLoading({content: ‘加载中…’,delay: 1000}) my.hideLoading	wx.showLoading({ title: ‘加载中…’}) wx.hideLoading

显示操作菜单
支付宝小程序：

 my.showActionSheet({
   
  title: 'ActionSheet',
  items: ['A', 'B', 'C'],
  cancelButtonText: '取消',
  success: (res) => {
   
    console.log(res.index)
  },
});

微信小程序：

wx.showActionSheet({
   
  itemList: ['A', 'B', 'C'],
  success (res) {
   
    console.log(res.tapIndex)
  },
  fail (res) {
   
    console.log(res.errMsg)
  }
})

获取手机号：
支付宝小程序：

<button a:if="{
   {canIUseAuthButton}}" open-type="getAuthorize"  onGetAuthorize="onGetAuthorize" onError="onAuthError" scope='phoneNumber'>授权手机号</button>
my.getPhoneNumber({
   
  success: (res) =