美文网首页
第1课 微信小程序开发账号申请、环境搭建

第1课 微信小程序开发账号申请、环境搭建

作者: 椟夜 | 来源:发表于2018-08-02 11:11 被阅读104次

账号申请

开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。

在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。

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

image.png

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

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

安装开发工具

前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》

打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!

你的第一个小程序

  • 启动开发工具
    第一次或者久了没有使用,需要使用绑定的微信手机端进行扫描登录:


    image.png

第一次或者久了没有使用,选择小程序开发:


image.png

如果你已经绑定过小程序账号,会提示你选择你的小程序。

  • 新建项目选择小程序项目
    选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,最后,(注意: 你要选择一个空的目录才会有这个选项),点击确定。


    image.png

你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。


image.png
  • 编译预览
    点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小程序的表现,也可以点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小程序。
    下面是手机上预览,扫描预览:


    image.png

如果绑定的微信号登录的手机,只需要点击“预览”->“自动预览” 按钮。打开微信,平台已经自动上传代码,并在手机上打开了预览页面。

在手机最近使用的微信小程序列表可以看到,自己的小程序。
通过这个章节,你已经成功创建了你的第一个小程序,并且在微信客户端上体验到它流畅的表现。

相关文章

  • 微信小程序开发系列六:微信框架API的调用

    微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的...

  • 微信小程序搭建步骤

    环境搭建 小程序的开发要经过一下必要的两步: 1、申请账号 申请小程序账号时要注意:每个邮箱仅能申请一个小程序账号...

  • 微信小程序从零开始开发步骤阅读链接

    阅读链接: 微信小程序从零开始开发步骤(一)搭建开发环境 微信小程序从零开始开发步骤(二)创建小程序页面 微信小程...

  • 第1课 微信小程序开发账号申请、环境搭建

    账号申请 开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。 申请帐号: [htt...

  • mp-vue搭建博客小程序(一)

    开发前准备 申请小程序开发者账号,登陆微信开发者平台 下载微信小程序开发工具 安装mp-vue 这样一个基于mp-...

  • 微信小程序账号申请以及基本使用

    本章主要内容: 一、小程序简介 二、小程序账号申请流程 三、小程序相关信息配置 四、微信开发者工具 五、小程序基本...

  • 微信小程序 助你爬坑

    目录 已更新 微信小程序 开发简介微信小程序 账号注册及开发工具下载微信小程序 目录结构介绍微信小程序 获取App...

  • 微信小程序开发流程

    微信小程序开发流程 1.申请账号 申请两个账号,一个用于 beta,一个用于 production 2.下载工具 ...

  • 微信小程序部署到线上环境

    微信小程序部署到线上环境 微信小程序部署到线上环境 一.微信小程序申请 申请,并认证(未认证不能发布,认证需要30...

  • 微信小程序开发日记

    记录一下从零开始的微信小程序开发过程 步骤 准备 腾讯云申请服务器、域名,域名认证等等 申请微信开发者账号 本地下...

网友评论

      本文标题:第1课 微信小程序开发账号申请、环境搭建

      本文链接:https://www.haomeiwen.com/subject/yzrjvftx.html