腾讯-wepy开发小程序基础教程

magic
2020-05-31 / 0 评论 / 4,893 阅读 / 正在检测是否收录...

有开发者问Bmob能否用wepy,我的答案是可以的,也已经有数十位基于Bmob sdk开发者使用wepy做的小程序上线了

安装wepy
以下安装都通过npm安装,首先电脑安装npm

安装 wepy 命令行工具。
npm install wepy-cli -g
在开发目录生成开发DEMO。

wepy new myproject
切换至项目目录。

cd myproject

开发实时编译。
wepy build --watch

安装.png

这是安装过程

然后开发工具选择 dist 目录打开,默认情况下会报错,大家开启
image.png

记得这个操作,不然会报上面的错误,微信开发者工具 --> 项目 --> 关闭ES6转ES5。

然后就是建个文件引入Bmob了,跟之前引入Bmob并无差异。

├── dist                   微信开发者工具指定的目录(该目录由WePY的build指令自动编译生成,请不要直接修改该目录下的文件)
├── node_modules           
├── src                    代码编写的目录(该目录为使用WePY后的开发目录)
|   ├── components         WePY组件目录(组件不属于完整页面,仅供完整页面或其他组件引用)
|   |   ├── com_a.wpy      可复用的WePY组件a
|   |   └── com_b.wpy      可复用的WePY组件b
|   ├── pages              WePY页面目录(属于完整页面)
|   |   ├── index.wpy      index页面(经build后,会在dist目录下的pages目录生成index.js、index.json、index.wxml和index.wxss文件)
|   |   └── other.wpy      other页面(经build后,会在dist目录下的pages目录生成other.js、other.json、other.wxml和other.wxss文件)
|   └── app.wpy            小程序配置项(全局数据、样式、声明钩子等;经build后,会在dist目录下生成app.js、app.json和app.wxss文件)
└── package.json           项目的package配置

上面是项目目录结构说明,这里需要注意的是wepy引入js需要2份才不会报错,在目录src 下放一份BmobSDk , dist目录下面放一份。

小程序接下来就愉快的操作Bmob 云数据库了。

24

评论 (0)

取消