(一)认识微信小程序及其项目文件结构

1. 小程序的由来

很多人介绍小程序都说是来源于张小龙,据“微信之父”张小龙描述:“小程序是一个不需要下载安装就可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下即可打开应用。也体现了用完即走的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。”

但其实小程序在微信之前由来已久。

参考https://uniapp.dcloud.net.cn/history.html,开发跨平台框架uni-app的开发者平台DCloud于2015年商用自己的小程序,名为“流应用”,并在360手机助手上率先应用,用户可以秒开应用、扫码获取应用、分享链接获取应用等。

而微信于2016年初上线小程序业务,并订制了自己的标准,由于微信小程序是一基于微信的应用,开发出来后只能在微信内可以使用,离开微信则不能使用。借助微信这个强大的平台,使用灵活的微信小程序得以发扬光大,一直活跃至今且处于上升趋势,造就了一个“小程序时代”。

2. 微信小程序注册的注意事项

网上有很多教程详细地写了如何注册小程序,因此相关步骤我就不说了,但我想提几点大家不曾注意到描述的地方。

1)申请小程序账号时需要提供邮箱,如果该邮箱之前用过注册公众号或其他小程序,以及绑定了个人微信号,界面都会报错“此邮箱提示已被占用”,保险起见,最好新注册一个邮箱来申请小程序。

2)小程序的主体类型有个人、企业、政府、媒体、其他组织,申请非个人类型时需要提供证件,且有的要交300元认证费,因此申请个人类型是最简单容易的,但我们需要知道,个人类型的小程序是有限制的,可以看做为企业等非个人主体类型的小程序缩减版,它无法使用一些API接口,比如微信支付、获取用户信息、开通扫普通链接二维码打开小程序等。

        

   3)创建小程序时,初学者建议选择不使用云服务;模板选择“JavaScript-基础模板”,界面默认是选择前面的“TypeScript-基础模板”,不过之前我没注意,按默认选择了“TypeScript-基础模板”,可能由于代码不长,感觉没有区别。

          

3. 了解微信小程序项目文件结构

用微信开发者工具创建项目后,将产生以下文件夹和文件。

微信小程序的项目目录结构由pages文件夹、utils文件夹、app.js、app.json、app.wxss、sitemap.json组成(这里仅列出需要关注的文件)。

将文件夹展开后,一系列文件如下。

目录结构的展开

1)pages文件夹

     页面文件目录,用于存放显示的页面。

2)utils文件夹

     工具文件目录,用于存放工具。

3).json文件、.js文件、.wxml文件和.wxss文件

  • .json:页面配置文件
  • .js:页面逻辑文件
  • .wxml:页面布局文件,相当于html文件
  • .wxss:页面样式表,相当于CSS

打个比方,wxml(WeiXin Markup Language)文件相当于房子的骨架,是毛坯房;而wxss文件相当于给房子做精装修,采用这种内容和样式相分离的形式能够很好地保证文件内容的修改和文件样式互不影响。

这四个文件的加载顺序为:加载json文件配置小程序装载WXML结构和WXSS样式装载js文件。

index文件夹下有不同名但同后缀的以上四个文件,index中这四个文件参数影响范围仅限当前页面;而app.json、app.js、app.wxss影响的是全局页面。

4)sitemap.json

sitemap.json文件用于用于配置小程序及其页面是否允许被微信索引。当允许被微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索词条触发该索引时,小程序的页面可能会展示在搜索结果中。​​​​​​​

{
  "desc": "关于本文件的更多信息,请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
  "rules": [{
  "action": "allow",
  "page": "*"
  }]
}

猜你喜欢

转载自blog.csdn.net/qq_38250687/article/details/130558266
今日推荐