目录

微信小程序入门

微信小程序入门

目录


小程序简介

小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。


一、注册小程序账号?

1.1:微信官方文档地址:

1.2 点击立即注册

https://i-blog.csdnimg.cn/blog_migrate/df9d77b913ec1bacab28e5088cc09bd3.png

1.3 :点击小程序

https://i-blog.csdnimg.cn/blog_migrate/44948b95fd2d5afee987f50f286bb5e1.png

1.4: 填写好信息 https://i-blog.csdnimg.cn/blog_migrate/a8c52357d9832dae79dddfd24a91adf2.png

获取appid(不上线的小程序可以用测试的appid) 申请微信小程序测试号比较简单,访问

管理员扫码登录就可以了。可以查看自己测试账号信息

二、微信开发工具

三、微信原生框架目录结构

小程序框架的目标是尽可能通过简单,高效的方式让开发者在微信中开发具有原生app体检的服务

题外话:有微信原生框架(MINA),当然也有非微信原生框架,例如:uni-app/wepy/mpvue学会原生框架,其它都搞得定,另外,非原生框架会被淘汰,而微信原生框架不会,除非腾讯GG了

3.1.小程序结构与传统web对比

结构传统web小程序
结构htmlwxml
样式csswxss
逻辑jsjs(TypeScript)
配置json

注1:小程序除了使用JS还可以使用TypeScript进行开发。新问题:JavaScript与TypeScript有什么区别?

TypeScript是Javascript的超集,实现以面向对象编程的方式使用Javascript。当然最后代码还是编译为Javascript

题外话:Angular2是基于typescript来开发的JS框架

3.2 项目整体目录结构

https://i-blog.csdnimg.cn/blog_migrate/b26e887c8cc6be2d372a580647d30f6a.png

解释:

pages                  页面文件夹

index                    首页

logs                      日志

utils

util                 工具类(mina框架自动生成,你也可以建立一个比如:api)

app.js                 入口js(类似于java类中的main方法)、全局js

app.json               全局配置文件

app.wxss               全局样式文件

project.config.json    跟你在详情中勾选的配置一样

sitemap.json           用来配置小程序及其页面是否允许被微信索引

这个应用里面有很多子页面,可以在里面配置,来指定当前页面能否在微信内搜索

只需要在发布时使用