微信小程序学习(一)

转载请注明出处: https://blog.csdn.net/strugglein/article/details/80386924

首先呢先做一些必须要做的事情,虽然我本人不喜欢这些东西,但是这些东西没有还是不行的,避免以后找不到就写详细点,以后留给朋友看一看也蛮好的…

1.小程序简介

小程序是一种不需要下载、安装即可使用的应用，它出现了触手可及的梦想，用户扫一扫或者搜一下即开打开应用，也出现了用完即走的理念，用户不用关心安装太多应用的问题，应用随处可用，但又无须安装卸载。我当时是这样来定义什么是小程序的。

1：无需下载：我们直接使用它，所以无须安装是小程序最基础的一个特性；
2：触手可及：当我们拿着智能手机接触周边的时候，我们可以通过手机直接获得信息，就是周边的信息；
3：用完即走：对于周边要完成的任务来说我们需要的是用完即走；
4：无须卸载：小程序看起来是程序，但是它以完全不同于过去APP的形状出现，它有更灵活的应用组织形态；

2.官方资料

1:工具下载地址: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=201714 这里可以下载需要版本的小程序的IDE
2:简易教程地址: https://developers.weixin.qq.com/miniprogram/dev/ 这里可以学习先搞一个简单的小demo
3:设计指南地址: https://developers.weixin.qq.com/miniprogram/design/index.html 这里是设计标准,也可以自己怎么顺手怎么来
4:运营规范地址: https://developers.weixin.qq.com/miniprogram/product/index.html 在这里看到运营的规范和禁止的事情
5:接入指南地址: https://developers.weixin.qq.com/miniprogram/introduction/index.html
6:支付文档地址:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1 需要做支付时,look this
7:客服消息地址:https://developers.weixin.qq.com/miniprogram/introduction/custom.html?t=20161221
8:特殊行业所需资质材料:https://developers.weixin.qq.com/miniprogram/product/material.html?t=201714
9:数据分析地址:https://developers.weixin.qq.com/miniprogram/analysis/index.html?t=201714

3.小程序开发准备工作

1.首先打开 https://mp.weixin.qq.com/ 微信公众平台的官网
2.点击立即注册
3.选择小程序账号的申请
4.填写注册账号的一个信息(注册邮箱时候要注意:不可以是之前在微信公众平台注册过的,也不可以是我们个人微信号绑定过的一个邮箱)
5.邮箱**(登录邮箱查看**邮件,去**邮件去点击链接)
6.然后去微信小程序主体登记(根据个人情况登记就好)
7.去微信小程序管理平台进行一些个人设置(填写小程序信息)

4.安装小程序开发者工具

去上面的链接去下载自己电脑对应的开发者工具
然后就是安装好我们的开发者工具,当然如果是大神的话不习惯这个工具也可以使用自己喜欢的,只要代码ok其实就算用记事本也是一样的(但是我还是没有这种境界…)

5.小程序代码结构简介

开发工具安装好之后我们打开它
然后会有这么一个界面

我们选择创建一个小程序的项目,我们来到第二个界面
项目目录就是我们要创建的小程序的一个根目录
AppID就是我们之前申请账号时候在管理平台里的AppID
项目名称我们可以根据自己想要输入的一个项目名
如果项目目录录入一个空目录,微信开发者工具会检测到,如果我们录入的是一个空目录,会有提示一个快速启动模板,会在本地创建一个微信小程序的项目

进入后就会是这样一个页面

其他的我们可以直观的看到的就不多说了具体我们先来看一下我们编辑器中的内容
project.config.json: 用来保存微信开发者工具配置,方便我们跟换电脑时候,我们自己的电脑上的一些配置不同步
App.js:用来帮助我们注册一个小程序应用
App.json:它是起到一个全局配置的一个作用,包括一些网络请求的超时时间,窗口表现以及各个页面的注册路径
App.wxss:设置小程序的全局样式
pages:存放每个小程序的页面

在pages中每一个页面都需要有4个文件:
js:用来处理微信小程序的逻辑和一些数据交互
json:配置小程序页面的配置信息
wxml:展示小程序页面的元素和内容
wxss:设置小程序的样式
util.js:用来存放一些工具的函数(达到代码复用的作用)

这一章主要就是介绍一些官方的东西和开发者工具的一些东西,我也不是太专业的,写这篇博的目的主要就是为了方便自己以后的一个回忆和朋友学习时的一个参考,希望为大家可以带来帮助 ~ ~&
下一章描述配置文件的介绍和开发者工具的一个介绍

虚心的去学习,自信的去工作~