一、微信小程序的简单介绍

微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。

我们身边的小程序：例如进医院需要查看的行程卡、扫描二维码报体温的员工情况日报、包括最近开发的掌上BI等等。

1.优势

使用起来方便快捷：微信扫描二维码可以打开指定的小程序；微信下拉就可以找到最近使用的小程序，无需下载。
宣传方便：可以一键分享给好友或者微信群，用户点击即用。
使用场景多样：可以调用比H5更多的手机系统功能来进行开发，例如GPS定位、录音、拍视频、重力感应等，能开发更丰富的使用场景。
运行速度快：体积小，支持预加载，用户体验好。
用户对版本更迭无感，不像APP需要手动更新。

2.劣势

体积小也是缺点，微信小程序只能2M大小（使用分包技术可以到12M），所以一般的小程序都是用来展示信息和一些简单的交互，不适用于业务复杂的项目。
技术不是很稳定：大部分功能使用微信提供的API，偶尔会遇上BUG解决不了，可以去论坛发帖子，会有官方开发人员反馈（如果开发时遇到BUG，可以先去论坛搜一下，如果有同样的问题则需要先考虑其他的实现方式）。官方论坛点这里
功能限制：一些功能只能使用微信提供的接口，比如说活体检测、实人认证等等，这些功能开发时可以实现，但是上线审核的时候不通过，而且这些接口也是付费的（我们之前在微信里做了活体检测和人脸识别，审核不通过，最终做成了APP）。
资质问题：一部分功能是需要资质的，比如说活体检测和人脸识别等接口的调用只有某些行业可以使用。微信人脸核身接口能力
技术限制：微信小程序服务端必须要有域名，域名必须是https，也就是说需要SSL证书。
时间限制：微信小程序开发和部署过程中的某些环节的认证和审核是需要一段时间的，比如说域名的话，需要备案（一般是7个工作日），SSL证书的申请（时间不一），小程序发布（7个工作日，功能简单的小程序大概1-2天就可以审核通过）。

总结：第一，在开发之前先要查一查需要实现的功能小程序是否支持；第二，预留出审核的时间。

二、使用uniapp建立一个示例项目并运行

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。（简单来说就是一套代码，可以打包成微信小程序，也可以打包成APP、H5页面等等，当然也会有一些兼容性的问题，后面有需要再说）。

1.环境准备

开发环境：win7 64位

Javascript 运行环境：Node.js12.1.0【win7安装教程】
开发工具：HBuilderX最新版
运行环境：微信开发者工具最新版
注册小程序账号获取AppID：微信小程序ID申请的流程

2.在HBuilderX中建立示例项目并运行至微信开发者工具

确定Node.js安装成功：在CMD命令行运行node -v，出现下图则表示配置成功：
在HBuilderX中建立示例项目

3. 在HBuilderX配置微信开发者工具的安装路径

打开微信开发者工具，开启端口
运行demo项目
demo项目运行成功！！！

uniapp开发微信小程序教程（一）相关推荐

uniapp开发微信小程序教程（二）实现一个页面
文章目录拿到需求原型并分析一.设计页面结构: 二.UI框架介绍及ColorUI 三.在项目中引入用到的组件四.开发页面本文项目源码地址:https://gitee.com/caojianban ...
uniapp开发微信小程序，从构建到上线
前言: 本文主要介绍 uniapp 的基础使用,以及使用 uniapp 在企业开发的过程中的一个详细流程,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考:使用 H ...
uniapp开发微信小程序设置分包，简单易学（图解）
我们使用uniapp开发微信小程序的时候,当我们的包体积过大的时候,无法真机模拟因为小程序单个包只支持2MB,所以这时候我们要选择去分包. 有人要问了分包难吗?分包很简单.但是最重要的来了,分包这 ...
uni-app开发微信小程序使用微信小程序的插件
假如使用uni-app开发微信小程序需要用到官方插件----OCR插件, 插件地址如下: OCR插件申请方式见插件地址介绍.本文主要记录调用方式 1.在manifest.json的"mp- ...
Uni-app开发微信小程序使用本地图片做背景图
Uni-app开发微信小程序使用本地图片做背景图 <view class="content" :style="{backgroundImage:'url(' + i ...
uniapp开发微信小程序分享功能
记一次uniapp开发微信小程序遇到的问题, 问题: 关于button的分享属性, 在HbuilderX中开发时,直接将button覆盖在image上,将button设置为透明,可以直接实现分享功能, ...
uniapp开发微信小程序-7.用户填写表单信息
uniapp开发微信小程序-7.用户填写表单信息本章让用户通过表单更新自己的个人信息,也是本系列文章最后一篇入门分享,之后碰到新颖.常用的功能会继续分享给大家,如果大家有任何问题欢迎留言,我会尽快线 ...
uniapp开发微信小程序使用painter绘制海报
uniapp开发微信小程序使用painter绘制海报参考文章: 1.简书大佬文章https://www.jianshu.com/p/e9cab600cf6c 2.CSDN大佬文章https://bl ...
uniapp开发微信小程序-4.页面跳转与横向滑动
uniapp开发微信小程序-4.页面跳转与横向滑动本篇文章主要是想记录一下横向滑动功能,备忘的同时给大家做个分享. 但既然是初级分享系列文章,为了方便新手朋友的上手工作,还是在此之前说一下页面跳转的 ...
uniapp开发微信小程序 wx.navigateBack()携带数据问题
uniapp开发微信小程序 wx.navigateBack()携带数据问题某个表单页面有时需要跳转另一个页面查询数据但如此想要保存当前页面数据需要在另一个查询页面调用 wx.navigateBa ...

uniapp开发微信小程序教程（一）

文章目录