如何制作微信小程序?

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

WeChat小程序简介

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

微信公众平台

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

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

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

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

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

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

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

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

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

我们复制它

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

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

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

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

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

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

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值