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