0基础开始制作微信小程序

说明：这是一个不需要服务器，上传提交发布就可以用的微信小程序。

功能：展示企业、产品、联系方式、店铺、附近门店等，这个模板最适合你。

修改简单，小白也能上手。

案例欣赏：

预览案例效果，请加微信号：1215360479

下面是制作方法：

第一步：准备工作

（1）进入小程序管网https://mp.weixin.qq.com/注册一个微信小程序，需要用一个没注册过公众号的邮箱注册。

（2）注册过程中需要很多认证，比较繁琐。

（3）注册完账号，登录，在主页面左边列表中点击“设置”，然后再设置页面中选“开发设置”就可以看到 AppID，用于登录开发工具。

第二步：下载安装开发工具

（1）官网下载地址：http://www.ionic.wang/weixin/devtools/download.html

根据你的电脑系统选择下载版本

（2）双击开始安装，直到安装完成。

（3）安装完成后，在桌面上双击开发工具，打开开发工具后如下图：请用微信小程序管理员的微信扫描开发工具二维码。

（4）如右下图点击“小程序项目”，点击左下图中的“+”，新建项目。

（5）进入如下界面：按照下图填写AppID，（前面的准备工作里面已经说明了，查看AppID方法）；

“项目名称”根据你的要求填写。我填写的是“小程序工作室”。

（6）重点是项目目录这里：如下图，项目目录一定要选择最后一个“xcx3.0”文件夹（也就是pages的上层文件夹）。最后点击“确定”.

（7）如果你还没有这个源码文件，

请加微信号：1215360479获取。

获取的源码可能是压缩文件，需要解压出来。

（8）进入后出现下图，如果没有显示出来，请点击“编译”如下图。

（9）首先我们修改标题“小程序开发”，如下图点击搜索框。

（10）输入“小程序开发”，点击查找。

（11）就会看到所在路径目录，注意看下图红圈标注的地方。

（12）进入页面如下图，直接把“小程序开发改掉”就可以了。

用同样的方法可以修改小程序中所有的文字。(这里不再一一举例)

（13）图片修改：找到图片所在文件夹（看下图红圈位置）。

用同名、相同尺寸的图片去贴换覆盖就可以了。（最好用PS处理）

（14）按键盘ctrl+s保存。

（15）如下图，点击“预览”，出现二维码，用手机扫描既可以在手机上预览。

（16）修改完成，预览成功，确认没有问题后，点击“上传”。

（17）提交以后，登陆你的小程序，点击左侧的“开发管理”，如下图，点击提交审核。

（18）如下图，勾选“已阅读并了解平台审核规则”，点击“下一步”。

（19）按照下图选择，最后点击“提交审核”。

（20）现在你耐心的等待……腾讯审核通过。

审核通过后，登陆微信小程序，点击“开发管理”，点击“发布”。

大功告成！！！

0基础开始制作微信小程序相关推荐

谷歌开发者大会焦点：TensorFlow.js可制作微信小程序，Android 10原生支持5G，TF2.0大更新...
2016 年谷歌开发者大会在中国首次举办,2017 年谷歌宣布成立"AI 中国研发中心",2018年谷歌的"AI+小程序"的产物"猜画小歌" ...
微信小程序傻瓜制作_零基础，傻瓜式制作微信小程序，3分钟完成不是问题！...
做小程序还必须要养一个设计人员吗?NO!必须要有小程序开发人员吗?NO! 微墨小程序DIY装修功能,帮你灭掉设计师.甩开程序员,商城自己说了算,布局想换就换,风格说变立刻变! 微墨小程序是" ...
从0开始学习开发微信小程序（熟悉微信开发者工具页面，简单修改、添加一些内容）
目录从0开始学习开发微信小程序准备工作下载安装微信开发者工具.注册小程序账号创建小程序实际操作学习基本功能写一个名为new的页面. 修改主页的"Hello World" ...
从0到一开发微信小程序（6）—小程序常用API
文章目录其他相关文章 1.小程序API 1.1.路由 1.1.1.navigateTo(保留当前页面,跳转到应用内的某个页面,可以带参数) 1.1.2.redirectTo(关闭当前页面,跳转到应用 ...
从0到一开发微信小程序（5）—小程序WXML
文章目录其他相关文章 1.WXML 1.1.事件 1.1.1.系统 1.1.2.分类 1.1.2.1.冒泡事件(bindtap) 1.1.2.2.非冒泡事件(catchtap) 1.1.3.携带参数 ...
怎样自己开发制作微信小程序？费用多少？
随着移动互联网的深入发展,各行各业都在寻求转型,希望通过线上软件系统来助力传统企业更好的发展,于是各种APP.小程序软件系统层出不穷.微信小程序是诸多软件中最流行的一种,凭借强大的流量基础.随用随走的 ...
从 0 到 1 开发微信小程序（一）：初步认识微信小程序的结构
这是「从 0 到 1 开发微信小程序」系列的第一篇,我是字节莫. 鉴于是光速入门指南,这里就不涉及微信小程序的运行原理等高深的东西.经过两年的发展,微信小程序的框架已经非常地完善,如果不是一些很底层的 ...
从0到一开发微信小程序（3）—小程序框架配置
文章目录其他相关文章 1.小程序框架 1.1.全局配置 1.1.1.Pages 1.1.1.1.entryPagePath 1.1.1.2.生成页面方式 1.1.2.window 1.1.3.tab ...
都2020年，开发制作微信小程序商城，需要准备什么资料？应该不会不知道吧！
微信小程序使用越来越广泛,而还未入局的对于微信小程序开发需要什么材料甚至不清楚,其实这些材料很简单.总结就是微信支付.微信小程序注册.小程序代码,下面展开说说. 小程序红利从腾讯刚发布的财报看,微信 ...

0基础开始制作微信小程序

0基础开始制作微信小程序相关推荐

最新文章

热门文章