智能小程序是百度研发的一【yī】种新开放能力产品,于【yú】9-21推【tuī】广上线。SWAN App 基本开发思路类似于【yú】WEB前【qián】端开发、上层【céng】架构【gòu】基于 JS 开发,其【qí】性能体【tǐ】验优【yōu】于普通的WEB。用户通过搜索,在【zài】手机百度APP内【nèi】被便【biàn】捷地获取和传播。
SWAN App 为开发者提供了MVVM开发【fā】的方【fāng】式,JS状态的变更引起视【shì】图【tú】的变化,视【shì】图的变【biàn】更也可以回【huí】馈到逻辑层的状态中,更【gèng】加方【fāng】便开发【fā】者开发。
主要文件类型
CSS样式【shì】文【wén】件,以.CSS结尾,类似于常【cháng】规 CSS,用以渲染界【jiè】面【miàn】时进行样式描述;
JSON配置文【wén】件,以.JSON为后缀【zhuì】,该文件配置了 SWAN 智能小【xiǎo】程序所有页面的路径和界面展现【xiàn】样式等【děng】;
SWAN 模板文件,以.swan 结尾,该【gāi】文件是用来描述当前这个页面的【de】文【wén】件【jiàn】结构【gòu】,类似于网页中的【de】 HTML 文件【jiàn】;
JS 文件,以.js 结尾,主要处【chù】理页面和用户的【de】逻辑数据【jù】交互【hù】;
项目目录结构
|____app.css
|____app.json
|____project.swan.json
|____pages
| |____detail
| | |____detail.css
| | |____detail.swan
| | |____detail.js
| |____index
| | |____index.js
| | |____index.swan
| | |____index.css
|____app.js
创建智能小程序
开发者【zhě】在智能小【xiǎo】程序平台登陆(或注册)百【bǎi】度帐号后,选择【zé】主体类型录入相【xiàng】应的信息【xī】资料,提交审【shěn】核,审核通过后就可以拥有自【zì】己【jǐ】的智能【néng】小程序【xù】帐号。
登陆“智能小程序平台”-“我的智能小程序”。
点击已【yǐ】创建【jiàn】的小程序,进入后【hòu】界【jiè】面“设置”-“开发设【shè】置”, 即可查【chá】看智能【néng】小程序的 AppID 。
下载百度开发者工具。 Windows 64版下载地址 | Mac版下载地址。成功安装百【bǎi】度开发者工具【jù】后,打开【kāi】后出现以下界面【miàn】。开【kāi】发者可以新建项目或者打【dǎ】开现有智能小程序项【xiàng】目,来创【chuàng】建开【kāi】发工作。
更多详情请参阅“智能小程序开发文档”。