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

作为一个微信小程序的半新手，支付宝小程序的全新手！在公司安排的这次任务中，需要把已经上线的支付宝小程序更新为和微信小程序一样的版本。就只有打开微信和支付宝的开发者对比两个版本的差异然后改改改了。如果是完全生成一个支付宝小程序项目，可参考：https://jingyan.baidu.com/article/a948d651c3ae330a2ccd2e77.html

以下仅为个人要修改项目中所遇到的总结，如果没有你想知道的就还是去对比文档吧。这是本人第一次写博客，有错误的或者要添加的请大家多多指点

微信小程序开发文档地址：https://developers.weixin.qq.com/miniprogram/dev/
支付宝小程序开发者文档地址：https://docs.alipay.com/mini/developer/getting-started

直面代码的替换内容

两个小程序大体都是一样的，要修改的不过于有引用的组件名称，页面渲染的指令，点击事件的名称，调用的API等。如果是版本更新，只修改部分页面。一定要记得检查新增的页面，图片等。是否有的没有添加。

引用文件的名字：把页面中的wxml改为axml；wxss改为acss
AXML中的修改：选中所有的wx：替换为a：
（1）在axml搜索bind；将bindTap替换为onTap，catchtap替换为catchTap。
（2）一些常用组件的事件名称或属性如：scroll-view的bindscrolltolower替换为onScrollToLower，bindscrolltolower替换为onScrollToUpper。picker的bindchange替换为onChanges。checkbox的bindchange替换为onChange。form表单的bindsubmit，bindreset，form-type改为onSubmit，onReset，formType 。
（3）常见规律是把bind替换为on，然后是以驼峰式命名。可以搜索bind进行查看。别的组件我没有一一列出来。项目有用到的话可以对照文档进行修改。
js的修改：js中所有的wx.替换为my.
（1） API名称或属性：showToast弱提示框，内容属性title替换成content。makePhoneCall拨打电话的参数phoneNumber替换成number。微信小程序设置导航栏API分别对应有wx.setNavigationBarTitle，wx.setNavigationBar，wx.setNavigationBarColor等，支付宝是在一个API中my.setNavigationBar通过入参进行修改。
（2）图片的API：在选择图片chooseImage成功后返回的参数由tempFilePaths替换成apFilePaths。对图片进行压缩compressImage中。
微信的对应的参数为：
支付宝对应参数为：
（3）支付的API：在验证支付是否成功时。
微信对应返回：官方文档地址：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7&index=5
支付宝对应返回:
官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/api/wx.requestPayment.html
发起支付的api名称和参数时完全不同的，详情见连接。
（4）内置地图选择地理位置的chooseLocation:调用这个api肯定是需要用户先授权的。(如果用户未接受或拒绝过此权限，会弹窗询问用户，用户点击同意后方可调用接口；如果用户已授权，可以直接调用接口；如果已经拒绝授权的话就需要调用wx.openSetting 引导开启授权)
对于支付宝来说，我也不知为何是可以直接调用的，不用重新引导授权之类的。它也不像微信，在一次申请用户授权后就需要调用openSetting 重新授权。官方文档中也没找到openSetting 这个API。有一个权限引导的my.showAuthGuide。但是里面对应不同设备权限不同。这个有大神知道的希望指点一二。
值得注意的是，在手机微信小程序中获取位置时有一个常用位置。选择这条地理位置返回的信息与别的位置返回数据是不同的（可能没有省市区）。需要用经纬度重新获取详细地址。支付宝小程序的位置选择在开发者工具中返回参数是文档所写那样，但是在手机上参数是如此返回的。
因此，最好用手机打开调试器，输出看一下。并且尤为重要的是Ios和Androidos常用位置返回参数信息是不同的。

以上是在个人项目中所遇到的总结，大家可以先替换文件内容，直到页面不报错。在查看页面功能，有问题再对应文档进行比较。只是支付宝的文档着实差一点。等熟悉文档大致内容后和真机一起调试就不会再那么迷惑啦。

功能快捷键

选中所有匹配项：Ctrl+shift + L
选中下一个匹配项：Ctrl + D
查询：Ctrl + F

没有灵魂的微信小程序代码转支付宝小程序代码相关推荐

微信小程序快速转支付宝小程序（antmove）
微信小程序转支付宝小程序微信小程序快速转支付宝小程序微信小程序快速转支付宝小程序现在小程序各个大平台都比较火爆,当然基本都是cp的微信小程序.我司最近要将之前开发好的百度小程序移植到各个平台,不 ...
挑战微信、试探苹果？支付宝小程序可添加到 iOS 手机桌面
点击上方"CSDN",选择"置顶公众号" 关键时刻,第一时间送达! [CSDN编者按]从微信小程序到快应用,移动互联网正面临着一场重新洗牌.以往的应用分发模式已 ...
微信小程序公众号支付宝小程序的登录授权、支付、分享、人脸识别人脸核身
文章目录一.微信小程序 1. 获取信息用户信息 2.支付 3.分享 4. 腾讯云小程序人脸核身二.微信公众号 1.获取信息用户信息 2.支付 3. 分享(普通分享) 4.分享(vue单页面配置分 ...
支付宝jsapi_使用小程序Serverless开发支付宝小程序
简介: 小程序Serverless产品,提供包括云函数.数据存储.文件存储等一整套后端服务. [作者简介] 奥沙,蚂蚁金服智能科技高级开发工程师,曾就职于飞猪,长期从事java后端开发工作,熟悉小程序 ...
【小程序案例】支付宝小程序-MQTT模器，IoT设备通过WSS接入阿里云IoT物联网平台...
支付宝小程序-MQTT模拟器通过WSS接入阿里云IoT物联网平台准备工作 1.1 注册阿里云账号开通阿里云账号,并通过支付宝实名认证 https://www.aliyun.com 1.2 免费开通 ...
支付宝小程序服务器要求,支付宝小程序：支付宝服务端SDK
支付宝 OpenAPI SDK Yet Another Alipay OpenAPI Smart Development Kit 主要功能 OOP风格化的,可弹性扩容的,支付宝OpenAPI SDK ...
如何将支付宝小程序迁移至微信/FinClip运行
许多小程序开发者都会遇到这样一个困扰,自己已经在微信,支付宝等不同环境中开发了对应的小程序代码,但在不同平台中的小程序语法并不一致. 本篇文章将通过手把手入门的方式,快速了解「如何使用第三方工具互相转 ...
微信小程序和支付宝小程序对应的差异
记录将微信小程序代码挪到支付宝小程序的过程中遇到的一些支付宝小程序和微信小程序的差异,以免每次都去官方文档查. 1.文件后缀名微信小程序的四个文件后缀为.js..json..wxml..wxss,支 ...
打通高德、UC、微博，支付宝小程序组建“阿里联盟军”对抗微信小程序？| 技术头条...
作者丨Suvi 责编 | 伍杏玲本文经授权转载自晓程序速报(ID:xcxsubao) [CSDN 编者按]支付宝小程序虽起步时未占到先机,但其后劲十足,近期更是频频发力,大有后来者居上之势.例如阿里 ...
支付宝小程序分享转发
最近公司在做一系列支付宝小程序,其中分享拉新显然是很重要的一环,我们对分享的期望是每次分享的背景图都带有用户独特标识并且图片中多处位置每人每天都不相同, 为了完成这个需求对支付宝小程序的分享进行了一些 ...

没有灵魂的微信小程序代码转支付宝小程序代码

没有灵魂的微信小程序代码转支付宝小程序代码

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

直面代码的替换内容

功能快捷键

没有灵魂的微信小程序代码转支付宝小程序代码相关推荐

最新文章

热门文章