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


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


1.找官网api


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

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

 2.申请账号

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

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

   

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

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


  3.安装软件

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

   下载地址: 点击打开链接  版本任意,反正是最新的最好,之前的版本会有bug
    电脑是多少位的点击多少位直接就能下载

  
 安装完毕后点击打开
 点击小程序项目

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

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


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


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

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

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

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

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















  




  

  • 2
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值