我们先来看看支付宝小程序和微信小程序开发的区别(微信小程序和支付宝小程序常见吗？)

论支付宝小程序和微信小程序开发的区别

一. app.json

(1)设置小程序窗口的通用状态栏、导航栏、标题和背景色。

支付宝小程序

"窗口 :{ 默认标题 : 病历到家”，//Page title“title bar color ；: # 1688FB //导航栏背景色}，微信小程序

"窗口 :{ backgroundTextStyle : 光 ，//窗口的背景色“navigationBarBackgroundColor ；: # 1688FB ，//导航栏背景色" navigationBarTitleText : 病历到家”，//导航栏标题文本内容“navigationBarTextStyle : 白色 //导航栏标题颜色，仅支持黑/白}，相关学习推荐:小程序开发教程

(2)设置tabBar

支付宝小程序

"tabBar :{ text color gt；: # 333333 ，//默认颜色" selectedColor : # 1688FB ，//选择颜色“backgroundColor : # ffffff ，//背景色" items ：

微信迷你程序

我分别在微信小程序和支付宝小程序中设置页面。不同的是:

1.支付宝小程序中的视图层页面文件后缀为“axml”，样式文件后缀为“ACSS”；

2.微信小程序中视图层的页面文件后缀为“wxml”，样式文件后缀为“wxss”。

(2)查看图层页面axml和wxml

1.泡沫事件和非泡沫事件

支付宝小程序

onTap，catchTap

On事件绑定不会阻止冒泡事件向上冒泡，但catch事件绑定可以阻止冒泡事件向上冒泡。

ltbutton class = weui -BTN ；onTap = 登录 type = 主要 gt注册

bindtap、catchtouchstart

绑定事件绑定不会阻止冒泡事件向上冒泡，但是catch事件绑定可以阻止冒泡事件向上冒泡。

ltbutton class = weui -BTN ；bindtap = # 39登录 # 39；type = 主要 gt注册

页面({数据:{列表:[{标题: # 39；支付宝 # 39；，}，{ Title: # 39；微信 # 39；，}]}})支付宝小程序

lt块a:for = ；{ { list } } gt lt视图键= item -{ { index } } ；index = { { index } } gt{ {项目。Title } } lt/view gt； lt/block gt；微信迷你程序

lt块wx:for = ；{ { list } } gt ltview wx:key = ；这 wx:for -item = ；item gt{ {项目。Title } } lt/view gt； lt/block gt；3.条件渲染

支付宝小程序

lt观点a:if = ；{ {长度 gt5 } } gt1 lt/view gt； lt观点a:elif = ；{ {长度 gt2 } } gt2 lt/view gt； lt视图a:else gt；3 lt/view gt；微信迷你程序

ltview wx:if = ；{ {长度 gt5 } } gt1 lt/view gt； ltview wx:elif = ；{ {长度 gt2 } } gt2 lt/view gt； lt查看wx:else gt；3 lt/view gt；3.开发过程中常用的两个小程序中组件的不同用法。

(1)互动

1.消息提示框

支付宝小程序

my . show toast({ type: # 39；成功 # 39；，//默认为无，支持“成功/失败/异常/无”。内容: # 39；操作成功 # 39；，//文本内容持续时间:3000，//显示持续时间，单位为毫秒，默认为2000成功:()= gt{ my . alert({ title: # 39；土司消失了 # 39；, });},});My.hideToast()//隐藏弱提示。微信迷你程序

wx . show toast({ title: # 39；成功 # 39；，//提示图标的内容: # 39；成功 # 39；，//成功显示成功图标；加载显示加载图标；无图标时长:2000}不显示)//图标为“成功”“加载”加载时，标题文字最多显示7个汉字长度wx.hideToast() // Hide 2。消息提示框

支付宝小程序

my . show loading({ content: # 39；装货...'，延时:1000，})；my . hide loading()；微信迷你程序

wx . show loading({ title: # 39；加载 # 39；，})wx.hideLoading()3.http请求

支付宝小程序

my . http request({ URL: # 39；http://httpbin.org/post'，方法: # 39；邮政 # 39；，数据:{ from: # 39；支付宝 # 39；，制作: # 39；AlipayJSAPI # 39，}，标题: "，//默认{ # 39；内容-类型 # 39；: 'application/x-www-form -urlencoded # 39；}数据类型: # 39；json # 39，success:function(RES){ my . alert({ content: # 39；成功 # 39；});}，fail:function(RES){ my . alert({ content: # 39；失败 # 39；});}，完成:function(RES){ my . hide loading()；my . alert({ content: # 39；完整 # 39；});}});微信迷你程序

wx . request({ URL: # 39；test.php # 39，//只是一个例子，不是真实的接口地址数据:{ x: # 39；'，y: # 39；'}，表头:{ # 39；内容-类型 # 39；: '应用/JSON # 39；//默认值}，success(RES){ console . log(RES . data)} })其实微信小程序和支付宝小程序提供的api方法大致相同，只是微信小程序以“wx”开头。而支付宝小程序是以“我的”开头的。其余的可能只是api方法中的字段“文本、内容、名称、标题”。

(2)选择器

1.时间选择器

支付宝小程序

支付宝小程序提供了一个api，my.datePicker(object)

my . date picker({ format: # 39；yyyy -MM-DD # 39；，//返回的日期格式，current date: # 39；2012-12-12'，//初始选择的日期和时间，默认当前时间start date: # 39；2012-12-10'，//最小日期和时间结束日期: # 39；2012-12-15'，//最大成功日期和时间:(RES)= > >；{ my.alert({ content: res.date，})；},});微信迷你程序

微信小程序是通过picker组件实现的。

ltview class = 第 gt ltview class = 第_ _章标题 gt日期选择器

支付宝小程序

支付宝小程序提供了一个api，my.multiLevelSelect(Object)

级联选择功能主要用于多级关联数据选择，如省市信息选择。

1.1.从一个省市引进一个json格式的文件http://blog.shzhaoqi.com/uploads/js/city_json.zip。

1.2.将该文件引入js

1.3.使用my.multiLevelSelect(对象)

var citysJSON = require( # 39；../../utils/city . js # 39；);Page({ data: {省份: # 39；陕西省 # 39；，城市: # 39；Xi安 # 39；，面积: # 39；碑林区 # 39；}，choose address:function(){ my . multi level select({ title: # 39；选择省市 # 39；，//级联选择标题列表:cityjson.citys，success:(RES)= >；{ this . setdata({ provinces:RES . result[0])。名称，城市:res.result[1]。名称，区域:res.result[2]。姓名，})})；}，})微信小程序

微信小程序还是通过picker组件实现的。

ltview class = 第 gt ltview class = 第_ _章标题 gt省市选择器

支付宝小程序

my . trade pay({ trade no: # 39；201711152100110410533667792'，//调用统一收单交易创建接口(alipay.trade.create)，得到返回的字段支付宝交易号trade _ no success:(RES)= >；{ my . alert({ content:JSON . stringify(RES)，})；}，fail:(RES)= gt；{ my . alert({ content:JSON . stringify(RES)，})；}});微信迷你程序

wx.requestPayment({时间戳: # 39；'，//timest，从1970年1月1日00:00:00开始的秒数，也就是当前时间non castr: # 39；'，//长度不超过32个字符的随机字符串package: # 39；'，//统一订购接口返回的prepay_id参数值。提交格式如下:prepay _ id = * * * sign type: # 39；MD5 # 39，//签名算法paySign: # 39；'，//签名成功(res) {}，失败(RES){ })(4)电话

支付宝小程序

my . make phone call({ number: # 39；400-8097-114'})微信小程序

wx . make phone call({ phone number: # 39；400-8097-114'})(5)获取登录凭证(代码)

支付宝小程序

my . getauthcode({ success(RES){ if(RES . authcode){ console . log(RES . authcode)} })微信小程序

wx . log in({ success(RES){ if(RES . code){ console . log(RES . code)} })支付宝小程序和微信小程序有很多相似之处。无论是组件还是API都会给你一种熟悉的感觉！

以上就是来看看支付宝小程序和微信小程序开发区别的细节。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 我们先来看看支付宝小程序和微信小程序开发的区别(支付宝小程序和微信小程序开发的区别)

本文由主机参考刊发，转载请注明：我们先来看看支付宝小程序和微信小程序开发的区别(微信小程序和支付宝小程序常见吗？) https://zhujicankao.com/78924.html