微信小程序实战 (HelloWorld入门)

简介: 微信小程序实战 (HelloWorld入门)

这一篇开始微信小程序的开发。

我也是初次接触小程序,还是从官方文档开始吧!

1.微信小程序简介

1.1 微信小程序简介

一打开就是小程序简介、小程序技术发展史、体验小程序、、介绍信息,尽管没有干货,但是还是有必要了解一下的。 扫描体验小程序二维码,可以体验一下。

网络异常,图片无法展示
|

1.2 大佬总结的小程序优点和缺点

小程序优点:
1、方便快捷,即用即走。
不需要再下载什么APP啦,既费流量,又占空间内存。小程序就是方便,即用即走。
2、速度快、不占内存
因为小程序前端代码都是存在微信服务器上的,在腾讯云端存放呢,所以无需加载,直接就打开了,速
度也比较快。并且还不占用手机内存。
3、安全稳定、保密性强
其实小程序就类似苹果商店,首先需要审核才能发布。其次小程序通信采用的是https访问,SSL加密通
信,并且小程序样式代码都封装在微信小程序里面,所以安全性更高,更稳定。
4、功能丰富,场景丰富
可以调用比H5更多的手机系统功能来进行开发,例如GPS定位、录音、拍视频、重力感应等,能开发更
丰富的使用场景。
5、开发成本低、维护简便
同样的功能,做一个APP估计需要十几万甚至几十万,而开发一个小程序,一般几千元就搞定了。维护
起来也比较简单方便。
6、附近定位、入口众多
开放的入口比较多,除了通过扫码,发送朋友,搜索,附近等常用入口外,还能与公众号关联,群发文
章嵌入,公众号菜单链接等。
说了这么多优点,那么小程序缺点有哪些呢?
1、微信小程序只有1M的大小,这样导致无法开发大型一些的小程序。所以目前你会看到很多小程序真
的很小很简单。
2、小程序的技术框架还不稳定,开发方法时常有修改,导致短时间内经常要升级维护,或许这能解析为
什么小程序只能1M大小,怕部署太大型的项目会出大问题。
3、不能直接分享到朋友圈,哎呀,少了一个重要的推广方式。4、需要像APP一样审核上架,这点比HTML5即做即发布要麻烦些。
复制代码

2.开始HelloWorld吧

2.1 HelloWorld的准备工作注册开发者账号。

注册地址,根据实际情况填写即可,其中主体类型就选择个人了,对于有条件的可以注册企业、政府类的主体(他们的功能应该是多一些的)

安装开发者工具

下载地址

网络异常,图片无法展示
|

接着就是无脑安装,安装位置不建议C盘。

2.2 创建HelloWorld项目

安装好工具后就开始helloWorld项目了,见下如图。

网络异常,图片无法展示
|

工具介绍

开发工具的窗口构成:模拟器、工具栏、目录树、调试器、编辑器等组成。

网络异常,图片无法展示
|

我们发现模拟器中已经有了Hello World的示例,这是编辑器自动生成的index页面中存在的。我们打开index.wxml可以看到源码它获取了微信头像昵称。其中helloWord是通过motto参数展示的

网络异常,图片无法展示
|

在Page页面的datas属性(页面的初始数据,下一篇页面生命周期中有介绍)中定义motto初始化值为'Hello World'

网络异常,图片无法展示
|

下一篇: 小程序框架基础-应用/页面生命周期


相关文章
|
3月前
|
缓存 小程序 前端开发
商城/点餐/家政类小程序源码合集_微信抖音小程序源码开发从入门到精通实战
本文系统讲解如何利用现有源码快速开发商城、点餐、家政类微信/抖音小程序,涵盖环境搭建、核心功能实现、多平台部署与优化,提供完整技术方案。实战导向,助力开发者高效入门与落地。
|
3月前
|
小程序 PHP 图形学
热门小游戏源码(Python+PHP)下载-微信小程序游戏源码Unity发实战指南​
本文详解如何结合Python、PHP与Unity开发并部署小游戏至微信小程序。涵盖技术选型、Pygame实战、PHP后端对接、Unity转换适配及性能优化,提供从原型到发布的完整指南,助力开发者快速上手并发布游戏。
|
7月前
|
JSON 监控 小程序
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
707 14
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
|
10月前
|
人工智能 自然语言处理 小程序
让小程序拥有“视觉之眼“:DeepSeek图像识别实战指南
本文介绍如何通过DeepSeek计算机视觉技术,赋予小程序“看懂世界”的能力。从构建视觉感知系统、训练专属视觉词典到创造会思考的界面,详细讲解了实现智能相册、植物识别器和老旧照片修复等功能的步骤。最后探讨性能优化与安全合规要点,展望未来视觉智能应用的无限可能。
|
10月前
|
小程序 测试技术 数据安全/隐私保护
微信公众号接口测试实战指南
微信公众号接口测试是确保系统稳定性和功能完整性的重要环节。本文详细介绍了测试全流程,包括准备、工具选择(如Postman、JMeter)、用例设计与执行,以及常见问题的解决方法。通过全面测试,可以提前发现潜在问题,优化用户体验,确保公众号上线后稳定运行。内容涵盖基础接口、高级接口、微信支付和数据统计接口的测试,强调了功能验证、性能优化、安全保护及用户体验的重要性。未来,随着微信生态的发展,接口测试将面临更多挑战和机遇,如小程序融合、AI应用和国际化拓展。
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
2164 0
|
小程序 前端开发 JavaScript
小程序入门之认识view和text组件
小程序入门之认识view和text组件
287 0
|
11月前
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
516 0
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
275 0
在线课堂+工具组件小程序uniapp移动端源码
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
2664 3