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