支付宝小程序与微信小程序的常见区别

前言

公司有个微信小程序,领导说要弄个支付宝的,然后我就把微信拷贝了一份直接改了,一步一步踩坑过来,大概用了10天左右

把一些记录了的放上网络,如果有你们知道的其他我没有录入的区别可以留言.

嗯。。。
我发现我没有记录支付接口的区别，下次一定

正文

1. 文件名

支付宝: acss axml js json
微信: wxss wxml js json
当时我用的方法是创建一个批量修改文件后缀名的bat脚本,在要修改的根目录进行执行:

@echo off
set num = 0
For /r . %%i in (*.axss) do (
set /a num += 1
echo “%%i”
call echo 第 %%num%% 个文件处理成功
ren “%%i” *.acss)
echo 共%num%个文件被处理成功
pause>nul

2. 缓存的使用方法

支付宝:

my.setStorage({
key: ‘token’,
data: ‘123’,
})

my.getStorageSync({key:‘token’}).data

微信:

wx.setStorage({
key: ‘token’,
data: ‘123’,
})

wx.getStorageSync(‘token’)

3. 基础控件_单选框和复选框

支付宝:

<checkbox value="{{item.name}}" name="{{item.name}}" color="#000" checked="{{item.checked}}"/>

微信:

<checkbox value="{{item.value}}" name=’{{item.name}}’ color="#000" checked="{{item.checked}}">{{item.value}}</checkbox>

支付宝是在value中,或者在外面
<><>这里
< value = “这里”><>
微信是写在两个尖括号中间的
<>这里<>
注明: 太久没有确认这个了

4. js控件_提示框

showLoading
showToast
支付宝:

my.showLoading({
content: ‘加载中’,
})

my.showToast({
content: ‘成功’,
type: ‘success’,
duration: 2000
})

微信:

wx.showLoading({
title: ‘加载中’,
})

wx.showToast({
title: ‘成功’,
icon: ‘info’,
duration: 2000
})

微信是使用icon定义类型,title定义内容
支付宝是type和content
;

showModal

微信有showModal
支付宝木有showModal
只有一个按钮的可以改为alert
需要点击取消和确认的改为confirm

微信:

        wx.showModal({
          title: '提示',
          content: '确定执行操作?',
          //showCancel: false,//是否显示取消按钮
          success: function(res) {
            if (res.confirm) {
              console.log('用户点击确定')
            } else if (res.cancel) {
              console.log('用户点击取消')
          	}
          }
        })

支付宝:

        my.confirm({
          title: '提示',
          content: '确定执行操作?',
          success: function(res) {
            if (res.confirm) {
              console.log('用户点击确定')
            } else{
              console.log('用户点击取消')
            }
          }
        })

5. httpRequest 和 request

在支付宝中httpRequest在测试中是可以使用的，但是在体验版和正式环境不行，需要配置一些东西，或者换成request

 //my.httpRequest({
 my.request({
  url: this.globalData.Url + '/zfb/zfbCheck?id=1',
  data: {},
  method: 'get',
  success: function (res) {
 }
  //....

6. 扫码

wx.scanCode
my.scan

7. 事件

微信使用的是bindchange
支付宝使用的是onChange
除此之外的事件还有许多,如bindsubmit和onsubmit
事件修改需要全局搜索bind,找到bind在基本控件里的,去支付宝基础控件方法中找到对应的替换目标