小程序概述

朱雀 2023-07-08 07:00 43阅读 0赞

### 小程序概述 ###

提起小程序，大家首先想到的就是腾讯的微信小程序，其实，小程序不止这一家，只是腾讯的微信小程序推出的较早。

目前，小程序群雄逐鹿，BAT【指百度公司（Baidu）、阿里巴巴集团（Alibaba）、腾讯公司（Tencent）】BAT都已完成了小程序的布局。

腾讯的微信小程序 2017年1月9日正式上线，阿里巴巴的支付宝小程序 2017年9月20日正式上线，百度智能小程序 2018年7月4日正式上线。字节跳动旗下的今日头条小程序2018年11月17日正式上线，随后推出抖音小程序。他们都推出了自己的开发工具。

小程序开发的开发，除了用官方提供开发者工具开发，市场上一些快速开发小程序工具，如凡科轻站小程序。

**微信小程序**

首先介绍微信小程序，微信小程序，只能在微信中打开！开发流程：  
如果你有认证过的微信公众号，可以直接在公众号后台迅速创建小程序，选择小程序管理——快速注册并认证小程序。也可以在微信公众平台上，注册一个小程序账号。  
登录，在后台设置好小程序的名称、头像、服务类目等信息，提交后等待微信审核。  
在菜单“设置”—>“开发设置”中你会看到小程序的 AppID 。小程序的 AppID 相当于小程序平台的一个身份证，在创建小程序项目时用到。  
使用工具来制作小程序项目，有两种方法，第一种方法适合有代码基础的人，使用微信官方开发者工具开发；第二种适合不懂代码的人，使用市面上的第三方小程序开发工具，如“上线了、凡科轻站小程序等。

微信小程序是微信开发技术中的一种，可参见：

微信官方文档

[https://developers.weixin.qq.com/doc/][https_developers.weixin.qq.com_doc]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70][]

微信公众号和微信小程序的区别

简单地说，两者功能定位不同，在开发语言、设计规范、营销方式、审核机制等功能方面均有较大不同。

【微信公众平台官网：

https://mp.weixin.qq.com/

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 1][]

微信公众平台开发参见：

方倍工作室 微信公众平台开发入门教程\[2020版\]

[https://www.cnblogs.com/txw1958/p/wechat-tutorial.html][https_www.cnblogs.com_txw1958_p_wechat-tutorial.html]

】

微信小程序APP的区别

使用APP时需要下载安装才能使用，并且会在手机桌面或应用抽屉里生成图标，占有一定的应用空间内存；

而小程序则不需要下载安装，用完即走，不会生成新的图标。

APP面向所有智能手机用户；

微信小程序则是面向所有微信用户，可以看作是运行在微信里的APP。

微信开发者工具使用教程 如何上传、发布、审核等 免费 视频  
[https://edu.csdn.net/course/detail/28410][https_edu.csdn.net_course_detail_28410]

**百度智能小程序**

官方文档

[https://smartprogram.baidu.com/docs/][https_smartprogram.baidu.com_docs]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 2][]

**字节跳动小程序**

官网

https://developer.toutiao.com/

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 3][]

字节跳动 抖音小程序开发（一）  
https://zhuanlan.zhihu.com/p/105233590  
字节跳动 抖音小程序开发（二）  
https://zhuanlan.zhihu.com/p/106111605

**支付宝小程序**

支付宝小程序【也称为阿里小程序】开发工具：

[https://opendocs.alipay.com/mini/ide/download][https_opendocs.alipay.com_mini_ide_download]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 4][]

支付宝小程序开发全流程知识地图：

[https://opendocs.alipay.com/mini/introduce][https_opendocs.alipay.com_mini_introduce]

阿里小程序云是一种工具，帮助小程序开发者降低研发和运维成本，主要是降低开发者在开发小程序过程中后端服务开发、部署成本，既面向支付宝、钉钉等小程序，也可用于微信小程序等小程序。

阿里小程序云：

[https://www.aliyun.com/product/miniappdev][https_www.aliyun.com_product_miniappdev]

**小程序框架**

框架（Framework）是整个或部分系统的可重用设计，表现为一组抽象构件及构件实例间交互的方法。一个框架是一个可复用的设计构件，其实就是某种应用的半成品，就是一组组件，方便开发者开发自己的系统。好的开发框架能降低开发成本、提高产品质量、改善客户满意程度、控制开发进度等。小程序框架是用来方便开发者开发小程序的框架。

[https://blog.csdn.net/hbcui1984/article/details/105430682][https_blog.csdn.net_hbcui1984_article_details_105430682]

### **附录、阮一峰的微信小程序入门教程** ###

**之一：初次上手 **[http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-one.html][http_www.ruanyifeng.com_blog_2020_10_wechat-miniprogram-tutorial-part-one.html]

**之二：页面样式** [http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-two.html][http_www.ruanyifeng.com_blog_2020_10_wechat-miniprogram-tutorial-part-two.html]

**之三：脚本编程 **[http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-three.html][http_www.ruanyifeng.com_blog_2020_10_wechat-miniprogram-tutorial-part-three.html]

**之四：API 使用** [http://www.ruanyifeng.com/blog/2020/11/wechat-miniprogram-tutorial-part-four.html][http_www.ruanyifeng.com_blog_2020_11_wechat-miniprogram-tutorial-part-four.html]

[https_developers.weixin.qq.com_doc]: https://developers.weixin.qq.com/doc/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200520173950549.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200523093242444.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[https_www.cnblogs.com_txw1958_p_wechat-tutorial.html]: https://www.cnblogs.com/txw1958/p/wechat-tutorial.html
[https_edu.csdn.net_course_detail_28410]: https://edu.csdn.net/course/detail/28410
[https_smartprogram.baidu.com_docs]: https://smartprogram.baidu.com/docs/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200521111809756.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200521112001804.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[https_opendocs.alipay.com_mini_ide_download]: https://opendocs.alipay.com/mini/ide/download
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200521151655619.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[https_opendocs.alipay.com_mini_introduce]: https://opendocs.alipay.com/mini/introduce
[https_www.aliyun.com_product_miniappdev]: https://www.aliyun.com/product/miniappdev
[https_blog.csdn.net_hbcui1984_article_details_105430682]: https://blog.csdn.net/hbcui1984/article/details/105430682
[http_www.ruanyifeng.com_blog_2020_10_wechat-miniprogram-tutorial-part-one.html]: http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-one.html
[http_www.ruanyifeng.com_blog_2020_10_wechat-miniprogram-tutorial-part-two.html]: http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-two.html
[http_www.ruanyifeng.com_blog_2020_10_wechat-miniprogram-tutorial-part-three.html]: http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-three.html
[http_www.ruanyifeng.com_blog_2020_11_wechat-miniprogram-tutorial-part-four.html]: http://www.ruanyifeng.com/blog/2020/11/wechat-miniprogram-tutorial-part-four.html