微信小程序教程(搭建简单的小程序示例)


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


1.找官网api


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

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

 2.申请账号

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

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

   微信小程序教程(搭建简单的小程序示例)_第1张图片

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

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

微信小程序教程(搭建简单的小程序示例)_第2张图片

  3.安装软件

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

   下载地址: 点击打开链接  版本任意,反正是最新的最好,之前的版本会有bug
    电脑是多少位的点击多少位直接就能下载
微信小程序教程(搭建简单的小程序示例)_第3张图片
  
 安装完毕后点击打开
 点击小程序项目
微信小程序教程(搭建简单的小程序示例)_第4张图片

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

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

微信小程序教程(搭建简单的小程序示例)_第5张图片

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

微信小程序教程(搭建简单的小程序示例)_第6张图片

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

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

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

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

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

微信小程序教程(搭建简单的小程序示例)_第7张图片














  




  

你可能感兴趣的:(微信小程)