【零基础微信小程序入门开发一】小程序介绍及环境搭建

简介: 微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的

什么是小程序?

在这里插入图片描述

微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。
全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。
微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,已经有超过150万的开发者加入到了微信小程序的开发,与我们一起共同发力推动微信小程序的发展,微信小程序应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿,微信小程序还在许多城市实现了支持地铁、公交服务。微信小程序发展带来更多的就业机会,2017年小程序带动就业104万人,社会效应不断提升。

如何注册小程序

申请地址

在这里插入图片描述

如果你还没有小程序账号的话点击右上角申请“注册-小程序即可>”
在这里插入图片描述

一些注意事项及说明

个人号:小程序为个人的不支持支付能力,像社区论坛的类目就必须面向企业开放,个人号注册后就无法转向企业号

企业号:需要支付300元的认证费用,也可以选择第三方认证,完成认证之后解绑,效果一样

开发工具下载

我们打开文档工具
在这里插入图片描述
选择下载稳定版,根据自己的电脑配置下载即可

安装后如图所示
在这里插入图片描述

介绍WXMI、JS、WXSS

我们打开 开发者工具,新建一个官方模板
在这里插入图片描述
打开后如下图:
在这里插入图片描述

编写第一个程序

打开/pages/index.wxml文件
在这里插入图片描述
小程序开发者工具文档中我们可以看到小程序的一些基础控件

控件名称 介绍
button 按钮
checkbox 复选框
form 表单
input 输入框
label 标签
picker 选择器
radio 单选按钮
textarea 多行文本输入框

其余的就自己看开发文档吧

我们使用VIEW视图来编写第一个小程序,在index.wxml中输入,点击保存

<view>
hell word 
</view>

这样我们的第一个hello word就显示出来了
在这里插入图片描述

如何在真机上体验

上方有工具栏部分,我们选择真机调试,有自动预览,也有扫二维码,就可以直接在开发者的手机上体验小程序了,注意这里只是开发板,需要上线的话,是需要提交审核的,发布后才能上线在这里插入图片描述

如何修改APPID

小程序可以先开发,在部署到需要发布的小程序中,点击右边详情,修改基本信息为上方所注册的appid号(在网页后台设置就能看到)
在这里插入图片描述

不校验合法域名是什么意思

小程序发布是需要配置合法域名的(如果是云开发可以省略),也就是只有出现在后台白名单中,才可以生效,但是在开发中我们可以选择不校验合法域名,先完成开发,再来部署后面
在这里插入图片描述

如何更改配置合法域名

在部署中只需要在后台点击【开发管理】中的【开发设置】找到服务器域名即可
在这里插入图片描述
在这里插入图片描述
这里的https是http加密后的,包括wss也是一样的,如何认证ssl我们后面再说,像一些即时通讯服务例如MQTT来说,需要将ws认证为wss 我在博客中也有介绍,能快速的将一个MQTT服务完成WSS认证,我在这部分踩坑很久,如果大家遇到MQTT在WSS部署相关的问题可以参考我这篇文章解决微信小程序MQTT真机连接问题与合法域名配置SSL问题

如何发布小程序

配置好appid后 我们在微信开发者工具上的 【发布图标】就会高亮显示
在这里插入图片描述
点击后在输入版本号以及其他事项就可以完成发布
在这里插入图片描述

在后台中的【版本管理】就可以找到 体验版,可以对其进行操作完成发布,在这里插入图片描述

总结

以上就是今天对小程序的入门级别的探索,有很多不足之处,还希望大家指点,零基础微信小程序入门开发教程将会开展系列栏目,欢迎大家订阅,转载,小程序的语法类似HTMl标签语言,程序执行呢是靠javascript,建议大家先对这方面有个基础再来学习,以便更好的完成入门,今天就到这里,只是对小程序简单的介绍,对初学者有一个概念,我们下期再见★,°:.☆( ̄▽ ̄)/$:.°★

相关文章
|
9天前
|
人工智能 开发框架 机器人
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
AstrBot 是一个开源的多平台聊天机器人及开发框架,支持多种大语言模型和消息平台,具备多轮对话、语音转文字等功能。
2187 13
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
|
4月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
930 1
|
6天前
|
人工智能 小程序 程序员
【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
153 7
|
13天前
|
存储 小程序 前端开发
微信小程序与Java后端实现微信授权登录功能
微信小程序极大地简化了登录注册流程。对于用户而言,仅仅需要点击授权按钮,便能够完成登录操作,无需经历繁琐的注册步骤以及输入账号密码等一系列复杂操作,这种便捷的登录方式极大地提升了用户的使用体验
133 12
|
4月前
|
存储 小程序 安全
微信的开发管理都需要配置什么?
【10月更文挑战第17天】微信的开发管理都需要配置什么?
68 0
|
4月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
756 0
|
27天前
|
小程序 前端开发 关系型数据库
基于Uniapp+php校园小程序,校园圈子论坛系统功能,校园跑腿二手交流功能设计
校园圈子论坛及综合服务平台集成了校园跑腿、兼职信息、外卖团购、闲置交换、租赁服务、表白墙等多功能模块,提供一站式校园生活解决方案。系统采用uniapp前端和PHP后端开发,支持多城市、多学校切换,配备分站式后台管理,确保稳定性和安全性。通过融云IM SDK实现即时通讯功能,增强用户互动与粘性。适用于大学校园、城市及社区圈子,满足多样化需求,提升便捷体验。
|
1月前
|
移动开发 小程序 前端开发
超详细攻略!uniapp陪玩系统,打包陪玩小程序、H5需要注意什么?
陪玩系统的打包过程涵盖APP、小程序和H5平台。APP打包需使用uni-app开发工具,配置项目信息并选择云打包;小程序打包需在微信公众平台注册账号并提交审核;H5打包则直接通过uni-app生成文件并上传至服务器。各平台需注意权限配置、代码规范及充分测试,确保应用稳定性和兼容性。
|
30天前
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
27 0
|
3月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
82 0
在线课堂+工具组件小程序uniapp移动端源码

热门文章

最新文章