微信小程序预研报告

本文介绍了微信小程序的基础,包括注册过程、页面生命周期与Android的对比,以及小程序中各种组件的功能和与Android组件的对应关系,如视图容器、基础组件、表单组件、返回组件、导航组件、媒体组件和地图等。小程序的开发需要JavaScript和HTML基础知识。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

 

组件

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

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

1、视图容器

Aview ==== layout

Bscroll-view ==== ScrollView

Cswiper====viewpager +imageView+fragment + indicator+aotoplay

2、基础组件

Aicon ==== 固定小图标imagerView

Btext ==== textView

Cprogress ==== progressBar

3、表单组件

Abutton ==== Button

Bcheckbox ==== checkBox

Cinput ==== EditText

Dlable ==== 有点像radioGroup

Epicker ==== timepicker

Fradio/radio-group ===== RadioButton/RadioGroup

Gslider=====seekBar;

Hswitch==== SwitchButton

Itextarea ==== 相当于大的EditText

4、返回组件

Aaction-sheet ==== PopuWindow

Bmodal==== dialog

Ctoast==== Toast

Dloading ==== 自定义的loading

5、导航组件

navigator====intent跳转界面

6、媒体组件

audio ==== 音频

video ==== 视频

image ==== imageView

7、地图

map====

8、画布

canvas====view canvas

总结

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值