微信小程序是一个挺神奇的存在,它的出现使app不是那么的友好了,还要下载还要更新,但是小程序就不是了,就内嵌在微信里,随时用,不用下载(其实就相当于加载到本地,不过占用内存很小),微信服务器一更新就好了,这样多方便,小程序我刚开始接触还是蛮晕的,和正常的套路不太一样,不过它的js和vue,js太像了,不知道是谁模仿的谁,哈哈,下面开始记录,怎么一步步搭建自己的小程序吧。


1.找官网api



  小程序的官网还可以的,一定要看官网


  官网地址: 点击打开链接 里边的简易教程跟着做大概就ok了


 2.申请账号

为什么申请账号呢,因为接下来要安装微信小程序开发软件,用来开发小程序,申请的账号会有一个唯一标识appid,这个id是     要填写到开发软件里的,这样就可以知道你有什么开发权限,为什么说有什么开发权限呢?因为微信有个人开发版本和企业开     发版本,个人开发版本有一些功能是不能开放的,比如小程序支付,企业版本需要花钱申请,也要认证,所以使用的权限也会      更多。

   申请账号地址:点击打开链接   填写邮箱和密码就行

   

小程序容器架构设计_官网

    申请完毕就可以登录了 点击打开链接 可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 

     服务器域名是你的小程序要上线发布的时候用的,只能用域名,不允许用ip和端口形式

小程序容器架构设计_官网_02

  3.安装软件

   接下来就是安装开发软件了


   下载地址: 点击打开链接  版本任意,反正是最新的最好,之前的版本会有bug


    电脑是多少位的点击多少位直接就能下载




小程序容器架构设计_开发软件_03



  


 安装完毕后点击打开


 点击小程序项目


小程序容器架构设计_开发软件_04


 我之前开发过所以有很多的项目,没开发过没有项目


 点击右下角的加号创建自己的项目

小程序容器架构设计_小程序容器架构设计_05

 需要小程序的app了,就可以去我刚才说的地方去找了,当然也可以不填写

小程序容器架构设计_微信_06

填写完毕点击确定就进开发工具里了

默认会给你几个文件 ,是显示默认页面的

project.config.json 工具配置
wxml    相当于jsp和html页面          模板,相当于html描述当前这个页面的结构。
js就    相当于写jQuery的地方
wxss    相当于写css样式的地方

app.json是对小程序的全局配置,比如小程序的所有页面路径,界面表现,网络超时时间,底部tab等

自己可以研究下,咱们下次再见,下次详细分解小程序

小程序容器架构设计_开发软件_07