微信小程序入门
微信小程序入门
目录
小程序简介
小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。
一、注册小程序账号?
1.1:微信官方文档地址:
1.2 点击立即注册
1.3 :点击小程序
1.4: 填写好信息
获取appid(不上线的小程序可以用测试的appid) 申请微信小程序测试号比较简单,访问
管理员扫码登录就可以了。可以查看自己测试账号信息
二、微信开发工具
三、微信原生框架目录结构
小程序框架的目标是尽可能通过简单,高效的方式让开发者在微信中开发具有原生app体检的服务
题外话:有微信原生框架(MINA),当然也有非微信原生框架,例如:uni-app/wepy/mpvue学会原生框架,其它都搞得定,另外,非原生框架会被淘汰,而微信原生框架不会,除非腾讯GG了
3.1.小程序结构与传统web对比
结构 | 传统web | 小程序 |
结构 | html | wxml |
样式 | css | wxss |
逻辑 | js | js(TypeScript) |
配置 | 无 | json |
注1:小程序除了使用JS还可以使用TypeScript进行开发。新问题:JavaScript与TypeScript有什么区别?
TypeScript是Javascript的超集,实现以面向对象编程的方式使用Javascript。当然最后代码还是编译为Javascript
题外话:Angular2是基于typescript来开发的JS框架
3.2 项目整体目录结构
解释:
pages 页面文件夹
index 首页
logs 日志
utils
util 工具类(mina框架自动生成,你也可以建立一个比如:api)
app.js 入口js(类似于java类中的main方法)、全局js
app.json 全局配置文件
app.wxss 全局样式文件
project.config.json 跟你在详情中勾选的配置一样
sitemap.json 用来配置小程序及其页面是否允许被微信索引
这个应用里面有很多子页面,可以在里面配置,来指定当前页面能否在微信内搜索
只需要在发布时使用