尝试体验uniapp开发微信小程序

一直以来，都没怎么去接触这玩意，上家公司最多的时候三个前端，事情也多也没去关注，就是写api接口给他们用就是了。

换了家公司，当时也是一个房地产项目急着要人去做，就直接过去了，虽明给说老板说了不会搞小程序，公众号什么的，但是老板说不需要你做，只需要做好接口就行。最近PC端项目基本完工了，在开发小程序了，虽然他们说会vue就好做。

一直都听他们说uniapp如何如何牛逼，也没有去研究。最近感觉还是要去学习下了，岁数大了，也没人指点下，的确有点累。。。

下载好HBuilderX 和 微信开发者工具 就开始体验了。

新建-项目-uni-app 
输入项目名称 选择路径
选择模板-Hello uniapp 演示uni-app框架的组件、接口、模板

HBuilderX-工具-设置-运行配置-小程序运行配置-微信开发者工具路径
默认：C:/Program Files (x86)/Tencent/微信web开发者工具 ，具体选择自己的安装目录

 

manifest.json 基础配置-微信小程序配置-微信小程序AppID：wx74b9d4******861e

运行-小程序模拟
提示错误：IDE service port disabled. To use CLI Call, please enter y to confirm enabling CLI capability
翻译：IDE服务端口已禁用。要使用CLI调用，请输入y以确认启用CLI功能

打开微信web开发者工具-右上角设置图标-安全-服务端口

重新运行小程序模拟，微信web开发者工具打开了，点这个对应项目名称
终于在微信web开发者工具浏览出来了

右上角有个上传，上传成功后，进入https://mp.weixin.qq.com/ 扫描登录

 

左边菜单，管理-版本管理-可以看到三种版本（线上、审核、开发）

当时上传的就在开发版本，然后提交审核

然后发现需要在首页，完成小程序信息，保存好

但是还是提交不到审核，只有发一个体验版玩玩

后来发现应该是提交的时候有一个缓存，等了一会就能提交了，还要传什么视频、图片。。。算了。。。先研究下uniapp开发怎么玩吧