开发解决方案
对于有其它小程序开发经验的开发者,我们还提供了如下开发解决方案:
- 搬家工具:针对曾经开发过微信小程序的开发者,帮助您把微信小程序的部分代码迁移到百度智能小程序上。
- 框架开发:支持 Taro、Mpvue、Okam 三种不同的框架,只写一套代码,通过编译即可生成在不同端(微信/百度/支付宝/字节跳动小程序、H5、React-Native 等)运行的代码。
搬家工具,是基于Abstract Syntax Tree
开发的辅助工具,可以帮助您把微信小程序的部分代码迁移到百度智能小程序上。工具可进行静态语法上的转换,根据一些规则去转换代码,抹平微信小程序语法和百度智能小程序语法上的差异,为大家减少因平台差异带来的苦恼。需要注意的是:工具做不到运行时 diff 的抹平,也做不到一个 API 从无到有的过程。所以,需要大家根据转换 log,进行二次开发。
当前支持NPM和百度开发者工具入口两种方式,请您根据需求进行选择:
- 正常
node.js
和NPM
支持的情况下,因为版本的差异和报错信息抛出的问题,推荐用NPM
的方式。
NPM
执行一下操作,在获取工具:
- 全局按照个命令行工具:
npm install -g wx2swan
; - 执行命令: wxmp 是微信小程序的目录;
- 查看生成目录的 log;
- 根据开发者工具报错以及转换 log 进行二次开发。
百度开发者工具入口
除了上面 NPM 的方式使用搬家工具,您还可以在在百度开发者工具里进入搬家工具:
- 登录开发者工具。
- 单击“工具 > 转换”,即可使用搬家工具,进行转换。如果遇到相关问题,可以添加客服微信咨询:
wx2swan-helper
。
小程序的开发除去常见的原生小程序语法的开发模式,还可以应用层框架开发,用类现代框架 (vue/react) 的语法去开发小程序,提升开发体验和解决跨平台的问题。本文主要讲解如何用常见的小程序框架开发百度小程序。
第一步: 安装开发工具
安装 Taro 开发工具 @tarojs/cli
;使用 npm 或者 yarn 的方式都可以获取,也可以直接使用 npx(在 npm 5.2+ 下)
第二步: 初始化项目
使用命令创建模板项目
- $ taro init swan-taro
第三步: 安装依赖
进入项目目录,安装依赖
- $ npm install
第四步: 构建目标代码
- # npm script
$ npm run dev:swan // 开发模式
$ npm run build:swan // 线上模式
# 仅限全局安装
$ taro build --type swan --watch
$ taro build --type swan
第五步: 开发者工具预览
在百度开发者工具中选择打开项目目录下的dist
目录,就可以在开发者工具中预览项目。
第一步: 初始化项目
使用示例项目:
也可以参考
第二步: 安装依赖
进入项目目录,安装依赖
- $ npm install
$ npm install mpvue@beta mpvue-loader@beta mpvue-template-compiler@beta
第三步: 构建目标代码
- $ npm run dev:swan // 开发模式
$ npm run build:swan // 线上模式
第四步: 开发者工具预览
在百度开发者工具中选择打开项目目录下的dist/swan
目录,就可以在开发者工具中预览项目。
第一步: 安装开发工具
- $ npm install -g wepy-cli@1.7.3-alpha6
第二步: 初始化项目
使用命令创建模板项目
也可以参考WePY开发百度小程序示例
第三步: 安装依赖
进入项目目录,安装依赖
- $ npm install
第四步: 构建目标代码
注:去掉 –watch 将不会监听文件修改,并会对代码进行压缩打包
- # 仅限全局安装
$ wepy build -o baidu --watch
$ wepy build -o baidu
第五步: 开发者工具预览
在百度开发者工具中选择打开项目目录下的目录,就可以在开发者工具中预览项目。
第一步:安装 CLI 工具
- Node 安装(要求
Node >=8 && NPM >= 3
),具体安装可以到;
- npm install okam-cli -g
第二步:初始化项目
第三步:构建目标代码
第四步:开发工具预览
在百度开发者工具中选择打开项目目录下的 目录,就可以在开发者工具中预览项目。