文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页资讯教程编程开发 → 支付宝小程序开发工具怎么用 支付宝小程序开发工具使用教程

支付宝小程序开发工具怎么用 支付宝小程序开发工具使用教程

时间:2017/8/18 17:58:20来源:www.pc6.com作者:bbill1我要评论(0)

支付宝小程序开发工具随着支付宝小程序已经正式公测了,想必很多开发者用户开不知道支付宝小程序开发工具怎么用,下面为大家带来支付宝小程序开发工具使用教程!

支付宝小程序开发工具使用教程

支付宝小程序是手机应用嵌入支付宝客户端的一种方法,有以下特点:
基于 Web 技术,学习成本低
一套代码,同时支持 iOS 和 Android,接近原生体验
提供丰富的组件和 API(比如获取用户信息、本地存储、支付功能等)
下面就是一个简单的示例,演示如何快速开发一个小程序。
获取APPID
登录开放平台,进入开发者中心频道,点击左侧【小程序】菜单,可在【我的小程序】列表页看到对应的小程序APPID,该ID在上传版本时需要填写

支付宝小程序开发工具

下载/登录 IDE
首先,请下载小程序开发 IDE 工具。它是一个辅助开发支付宝小程序的本地应用工具,包含本地调试、代码编辑、真机预览、发布等功能,覆盖了应用开发的完整流程。

下载完成之后,打开它,打开手机上的支付宝应用,扫码确定即可登录。
 注意:如果登录没有反应,可尝试完全退出手机上的支付宝应用再重新打开。
项目创建
登录成功后你会看到以下界面。

支付宝小程序开发工具

点击创建项目,选择文件夹即可完成新项目的创建。
代码编辑
打开项目,会默认进入代码编辑模式。从左到右,依次是文件操作区、代码编辑区和预览区。

支付宝小程序开发工具

代码编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作。
实时预览
在代码编辑区修改任何代码都会重新编译,然后自动刷新应用。
自动补全
工具针对 my 接口和 axml 提供了大量的自动补全提示,以帮助开发者提高效率。
本地调试
预览区
这里可真实模拟在支付宝应用里的表现,并针对绝大部分的 api 提供了模拟功能。
调试模式
点击上方的调试Tab,可切换到调试模式。

支付宝小程序开发工具

小程序调试工具提供了 axml 和 acss 的支持,支持组件层级、属性回写等功能;同时也包含了 Chrome 调试工具中的网络请求、DOM 元素检查、源码 Debug 等。
预览日志
点击预览日志按钮,可查看代码编译的详细底层日志,能协助排查和定位问题。

支付宝小程序开发工具

出错反馈
当开发者在 axml 或者配置文件里编译出错时,保存后会对错误的信息以 redbox 的形式呈现给开发者。

支付宝小程序开发工具

真机预览
在"编码"界面点击真机 Tab,选择真机预览, 需要确定如下信息:
填写在开放平台申请的APPID
选择推送小程序的范围:
推送给自己, 仅将预览的小程序内容推送给当前登录的用户
推送给开发者, 将预览的小程序内容推送给该APPID应用在开放平台设置的所有开发者

支付宝小程序开发工具


发布
开发者选中"发布"功能后, 需要确定如下发布信息:
填写在开放平台后台创建小程序时生成的APPID
根据开放平台当前版本, 填写待发布的版本号

支付宝小程序开发工具

相关阅读 绝地求生大逃杀买钥匙无法支付 错误代码103解决办法支付宝可以在国外用吗 美国版大众点评正式接入支付宝支付宝提现手续费多少 支付宝提现怎么避免手续费微信小程序有哪些功能好用 微信小程序排行榜TOP100支付宝贷款在哪里申请 支付宝贷款申请入口支付宝怎么免费领1G流量 支付宝免费领1g流量方法介绍支付宝超市1小时免单是什么活动 花呗挖哦福利搬空超市支付宝被央行收编有什么影响 支付宝被央行收编的影响

文章评论
发表评论

热门文章 TIOBE 2014年11月编程

最新文章 支付宝小程序开发工具c++ vector用法详解 c Tomcat9.0安装教程 Tomcat9.0环境变量配置方Notepad++插件添加方法Notepad++如何设置字体格式 Notepad++字体设node.js环境搭建教程 node.js怎么进行环境搭

人气排行 安卓模拟器BlueStacks安装使用教程eclipse字体大小怎么设置 eclipse字体大小plsql developer怎么连接数据库 plsql deveplsql developer怎么使用 plsql developerEclipse优化设置教程 Eclipse优化设置技巧php显示错误信息方法Visual Studio 2015环境搭建教程PLSQL Developer配置Oralce11g连接