微信小程序预研报告

1、小程序介绍

简介：微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。通俗的讲就是在微信程序中嵌入一个app。

需要掌握的技能：web前端知识，最好有手机移动端基础

优点

由于有微信这个平台，所以用户能更加方便快捷的获取。

开发成本低，只需要写一套代码，可以在IOS和android 上运行

有比较清晰的访问统计报告

缺点

由于是嵌入到微信中，所以必须遵守微信的各种服务条款，限制比较大，违反其服务条款可能会被封号。

不支持频繁的推送消息，不支持内容以及标题差不多的推送消息

2、接入准备

APPID

       在小程序的官网注册配置小程序之后会获得appId

域名

在小程序的开发配置中需要提供一个APP访问的服务地址，仅限域名。（不配置会导致下面的错误）

3、开发准备

UI界面的设计

由于小程序的服务条款中有明确规定，不良的ui界面，界面功能不明确，界面功能简单等审核不给予通过。

https的接口

小程序不支持http协议的接口

是否需要将接口支持跨域？暂时不清楚 

需求文档

开发此小程序需要有明确需求设计文档，因为如果随心所欲的开发不小心违反了小程序服务条款，将会得不偿失。

开发人员

做好新开一个app的准备

4、开发工具介绍

创建项目页面

编辑面板

调试面板

项目面板

5、框架

app

pages

项目结构

文件介绍

app.json

app.js

用来注册一个小程序，相当于android的Application，他的生命周期如下：

page.js

  相当于android的activity，以下是page页面生命周期函数与avtivity页面函数的的对应关系。不一定完全相同，但是大体意思还是差不多的。

 

组件

    组件使用<view></view>或<view/>的方式定义，组件属性使用css定义。以下是小程序中

组件跟android中组件的对应关系，当然小程序中的组件使用方式以及功能会比android中强大。

1、视图容器

A、view ==== layout

B、scroll-view ====ScrollView

C、swiper====viewpager +imageView+fragment +indicator+aotoplay

2、基础组件

A、icon ====固定小图标imagerView

B、text ====textView

C、progress ====progressBar

3、表单组件

A、button ==== Button

B、checkbox ====checkBox

C、input ====EditText

D、lable ====有点像radioGroup

E、picker ====timepicker

F、radio/radio-group =====RadioButton/RadioGroup

G、slider=====seekBar;

H、switch====SwitchButton

I、textarea ====相当于大的EditText

4、返回组件

A、action-sheet ====PopuWindow

B、modal==== dialog

C、toast==== Toast

D、loading ====自定义的loading

5、导航组件

navigator====intent跳转界面

6、媒体组件

audio ====音频

video ====视频

image ====imageView

7、地图

map====

8、画布

canvas====view的canvas

总结

总的来说小程序开发起来还是比较简单的，当然你需要js，和html基础。