从零到有写一个小程序系列专题,很早以前就想写来分享,但由于项目一直在进展,没有过多的时间研究技术,现在可以继续分享了。

1:注册

用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。注册完成之后开始登录。

image

我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。小程序的 AppID

相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的

AppID)。有了小程序帐号之后,我们需要一个工具来开发小程序。

根据官方教程进行开发https://mp.weixin.qq.com/debug/wxadoc/dev/

image

3:安装开发工具

前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!我的电脑是64位的:

image

4:安装完成之后

你的第一个小程序开启:新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的

AppID,给你的项目起一个好听的名字,最后,勾选 "创建 QuickStart 项目" (注意:

你要选择一个空的目录才会有这个选项),点击确定,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在 IDE 预览你的第一个小程序。

image

image

image

5:编译预览

点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小程序的表现,也可以点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小程序。OK,你已经成功创建了你的第一个小程序,并且在微信客户端上体验到它流畅的表现。

image

小程序初始化目录介绍:

1:page 页面文件夹 存放项目页面渲染相关文件

image

2:utils 存放js库和数字格式化文件

image

3: 配置文件

image

下一章:微信小程序从零开始开发步骤(二)创建页面

文末福利:

福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880

福利二:微信小程序入门与实战全套详细视频教程

领取方式:

如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!

90后前端妹子,爱编程,爱运营,爱折腾。

坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

python 微信小程序制作教程_微信小程序从零开始开发步骤(一)相关推荐

  1. 微信小程序制作课程表_微信小程序实现课程表实例

    前言 感谢! 承蒙关照~微信小程序实现课程表实例 效果图: 小程序代码如下 wxml: {{bj}} {{name}} 8:00 语文 语文 数学 数学 语文 9:00 语文 语文 数学 数学 语文 ...

  2. python微信小程序抢购教程_微信小程序系统教程[高级阶段]——python版小程序支付 - 学途无忧网 - 做技术的王者 - Powered By EduSoho...

    { "i18nChapterName": "章", "i18nUnitName": "节", "i18nLes ...

  3. python小软件制作教程_[Python]手把手教程:Python制作番茄钟

    这篇文章是根据Udacity的免费课程 编程基础:Python所做的笔记,适合零基础学习Python 我们先了解这个番茄钟的概念,就是每隔一段固定的时间就提醒你休息一下,可能是播放一段音乐, 弹出一个 ...

  4. 个人怎么制作微信小程序,微信小程序可以免费制作吗?微信小程序制作教程

    微信小程序 微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打开应 ...

  5. 小程序入门教程之微信-03-脚本编程

    本篇的难度要大于前两篇,如果觉得不好理解,可以先跟着例子,动手做一遍,然后再读文字说明,可能就容易理解了. 所有示例的完整代码,都可以从 GitHub 的代码仓库下载. 一.数据绑定 前面的所有示例, ...

  6. 微信小程序|使用小程序制作一个时间管理小工具

    适时而学,适时而息,张弛有度的生活态度才能让我们走得更远.此文使用小程序制作一个日程管理小工具,将时间进行分解以实现有效管理. 开发步骤 一.创建小程序 二.功能实现 2.1.首页 2.2.记录页 3 ...

  7. 微信小程序|使用小程序制作一个足球拼图小游戏

    世界杯的意义永远不止是冠军,它是每个精彩的瞬间,是呐喊,是青春.此文用小程序制作一个足球的拼图小游戏,一起为世界杯疯狂吧! 开发步骤 一.工具安装 二.功能实现 1 . 提示图展示 2 . 绘制画布内 ...

  8. 小程序入门教程之微信-02-页面样式

    这个系列的,上一篇教程教大家写了一个最简单的 Hello world 微信小程序. 但是,那只是一个裸页面,并不好看.今天接着往下讲,如何为这个页面添加样式,使它看上去更美观,教大家写出实际可以使用的 ...

  9. 微信小程序从零开始开发步骤(三)

    上一章节,我们分享了如何创建一个新的页面和设置页面的标题,这一章我们来聊聊底部导航栏是如何实现的.即点击底部的导航,会实现不同对应页面之间的切换. 我们先来看个我们要实现的底部导航栏的效果图:(三个导 ...

  10. 微信小程序从零开始开发步骤(一)

    从零到有写一个小程序系列专题,很早以前就想写来分享,但由于项目一直在进展,没有过多的时间研究技术,现在可以继续分享了. 1:注册 用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,点击 ...

最新文章

  1. MTCNN-将多任务级联卷积神经网络用于人脸检测和对齐
  2. 如何在网站上同步查看BCH数据
  3. SVN+post-commit 搭建自动同步版本库
  4. DAC MAC RBAC ABAC 权限系统的设计
  5. 2019第一篇万字长文!30+家一线投资机构已出投资新策略...
  6. 怎样实现MathType中带箭头向量的输入
  7. 如果你也会C#,那不妨了解下F#(1):F# 数据类型
  8. Xshell如何操作linux
  9. 高性能极致用户体验前端开发实战
  10. 缠中说禅电子书_缠中说禅108课PDF电子书
  11. Intellij IDEA企业版破解
  12. java访问邮箱 apache,关于apache common-mail发邮件,部分邮箱无法接收有关问题
  13. STM32唯一序列号UID--HAL_GetUIDw0详解
  14. 单元测试 CI/CD
  15. P01914100尹自杨
  16. c语言推箱子游戏实习报告,用C语言编写推箱子游戏
  17. 什么是CRUD? 数据库(含CRUD)的操作
  18. Python+scrcpy+pyminitouch实现自动化(四)——实现语音识别自动打卡机器人
  19. 回到20年前,我一定好好念书
  20. 【C语言】循环结构常见问题1

热门文章

  1. raw格式转换jpg软件都有什么?这里有你想要的答案
  2. 2010年中国互联网十大事件
  3. 科学软件编辑器在科研项目中的应用感想
  4. 小马哥------山寨苹果6s(A9900-912G61-B 尾插盖板A953标示刷机拆机准图与开机识别图 低配机
  5. struts2之拦截器详解
  6. Web:6 大主流 Web 框架优缺点对比之Ember
  7. ModifyStyle, ModifyStyleEx
  8. 【论文笔记】Face Anonymization by Manipulating Decoupled Identity Representation
  9. hadoop 虚拟化基础
  10. Web3:开源文化下的技术创新