如何制作微信小程序?

微信小程序–开启二维码时代

WeChat小程序简介

微信小程序是2017年由腾讯开发的一种以微信为载体的微信小程序。在发布会上总裁骄傲的说到:相比较于app微信小程序不需要下载安装,只需要进行搜索就能使用,只需要扫码就能轻松分享
那么微信小程序是如何开发的呢?

微信公众平台

首先我们在百度里搜索 “微信公众平台”

然后点击第一个官网
进去之后点击右上角注册

如果你想开发和微信支付有关的小程序,你需要注册公司账号或者个体商户账号,但是你需要为此支付300元审核费用。支付后你可以拥有调用微信支付的权限。就会带来收益
经过一系列操作过后,你可以扫码登录进去
登录进去后是这个样子

我们在“首页”–小程序发布流程—开发工具–点击 普通小程序开发工具
点进去之后是这样

我们这个时候点击我画蓝线的位置
就会看到:

我们点击“稳定版”进行下载
下载后点击它安装,然后打开它

点击左面的+号
我们会看到:

这里面有个叫AppID的东西,这是什么呢?
这个是微信小程序发布的时候的身份证号,每个微信小程序对应唯一的AppID。在你注册微信公众平台的时候你就已经有AppID了。我们一起回到微信公众平台去查看吧。
我们回到这个界面(就是登陆进去的界面)

我们点击</>开发
在开发设置里我们就看到了AppID

我们复制它

然后下面的后端服务里我们可以先选择“不使用云开发”,这个云开发后续我们会讲解到,这个是一个强大的后端技术,初学者暂时用不到。
然后下面的语言选择JavaScript

准备就绪后我们点击右下角的新建
然后你会看到这样的画面:

如果左上角没有你的微信头像请点击登录一下
然后你的那个模拟器的位置,就是那个手机的位置可能是靠左的。这个是可以在设置中进行调的
我们按住Ctrl键再按住;键 也就是Ctrl+;然后就会蹦出设置

我的模拟器选择是右边,这样看起来雅观
好了你说奇不奇怪,惊不惊喜。我什么代码都没有写,竟然模拟器上有我的微信头像和一些按钮!!
那个…是默认的示例代码呀
我们先把它们找到并清理掉,开启我们的代码之旅
我们首先展开Pages文件夹找到index文件夹然后打开

单击index.wxml文件
按下ctrl+A 再按下Del删除所有示例代码
单击index.wxss文件也都删除掉代码
然后按下ctrl+s编译一下,模拟器中就什么也没有了

然后我们开启我们的开发之旅吧:

滑动条演示:
在这里插入图片描述
简单视频播放器演示:
在这里插入图片描述
(注:上面图片的代码还不能直接copy使用具体如何写代码以及系统的学习我们下期再见)

  • 9
    点赞
  • 50
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: 学习制作微信小程序的方法如下: 1. 了解小程序的基本概念和功能:可以通过官方文档或者相关书籍来了解小程序的基本概念和功能。 2. 学习相关技术:小程序开发需要掌握 HTML、CSS 和 JavaScript 等前端技术。如果不熟悉这些技术,建议先学习。 3. 安装开发工具:微信官方提供了微信开发者工具,可以用来开发和调试小程序。 4. 编写代码:根据需求编写小程序的代码,并在开发者工具中调试。 5. 测试和发布:在开发者工具中测试小程序,确保小程序没有任何问题后,可以将其发布到微信平台。 此外,还可以通过参加相关培训课程、阅读开发教程和参考开源代码来加深对小程序的理解和提高开发水平。 ### 回答2: 学习制作微信小程序的关键是掌握相关的开发知识和技术。以下是一些学习制作微信小程序的步骤和方法: 1. 理解基础知识:开始学习前,首先要了解HTML、CSS和JavaScript等前端技术的基础知识。这些知识将帮助你更好地理解小程序的开发原理和技术。 2. 学习开发工具:微信小程序的开发工具是一个非常重要的学习和实践平台。你可以从官方网站下载并安装微信开发者工具,然后熟悉其基本功能和使用方法。 3. 学习小程序框架:微信小程序使用了一套自己的框架和组件库,这些是开发小程序的基础。你可以通过阅读官方文档和教程来学习如何使用这些框架和组件。 4. 实践和练习:通过实际的项目开发实践来巩固所学知识。可以尝试开发一些简单的小程序,逐渐提升自己的技术水平。 5. 参考优秀案例:参考和学习别人的优秀案例是非常有益的。你可以阅读一些相关的技术博客和开源项目,了解其他开发者是如何解决问题和实现功能的。 6. 社区和论坛:参与微信小程序的开发者社区,与其他开发者交流和分享经验。这样可以迅速获取最新的开发资源和技术资讯,也能解决可能遇到的问题。 7. 持续学习和更新:微信小程序的技术更新很快,因此要保持学习的状态,随时了解最新的开发技术和最佳实践。 总之,学习制作微信小程序需要理解相关的开发知识和技术,并通过实践和参考优秀案例来提升自己的技术水平。不断学习和更新是保持在该领域中取得成功的关键。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值