小程序开发之前

  • • 发表于 8年前
  • • 作者 MINA搬运工
  • • 5222 人浏览
  • • 15 条评论
  • • 最后编辑时间 8年前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

获取AppID

登录微信公众平台小程序,进入 设置-开发设置,获取AppID信息。

在此奉上, 个人APPID 申请指南,按照该指南内容 可以获取一个 APPID,方便个体小程序开发者用于小程序上传预览以及移动端调试等。【亲测可用

绑定开发者

登录微信公众平台小程序,进入 用户身份- 开发者 ,新增绑定开发者。

已认证的小程序可以绑定不多于20个开发者。未认证的小程序可以绑定不多于10个开发者

很多新人纠结未认证这件事,在此个人做两点说明:

  • 作为开发者,只要代码可以上传预览以及移动端调试,足以;
  • 未认证无外乎不可发布,实际工作中我们也不过从企业哪里得到开发者帐号,发布的事情我们只是协助企业管理员进行。

阅读开发文档

在小程序俱乐部潜水这么多天,发现一个问题:总是看了开发文档的同学在给完全不看开发文档的同学在解释问题,最后扔出来一个官方文档链接。

笔者也是其中一员,于是扔出下面这个大的

但是对于笔者这种懒癌晚期 + 见字犯困的同学,肿么办?

小程序俱乐部福利来了!!!

有了下面这些,装逼路上越走越远。。。

未来小程序俱乐部将会带来更多内容,在此不透露了,大家期待惊喜降临。。。

开发工具

1 . 下载并安装

2 . 登录,分两种情况:

  • (1)无 appid,只要是微信用户,即可
  • (2)填写 appid,必须是管理员或开发者身份的微信用户,才可以

3 . 创建项目

  • AppID (选填)
    • 不填写该项,将不可上传预览以及移动端调试
    • 创建个人APPID,参看上文
  • 项目名(必填)
  • 项目本地目录(必填)

PS:导入项目,怎么破?

笔者刚开始导入项目的经历简直不敢苟同,如下:创建一个空项目 --> 将需要导入的项目内容复制粘贴到当前项目下。

最简单的方式是:与创建项目过程相反
(1)选择待导入项目所在本地目录
(2)填写项目名
(3)是否填写 AppID


4 . 开发

在开发者工具内完成小程序的开发、调试、预览、上传代码等操作。

5 . 预览(前提:必填 AppID)

小程序的管理员或是开发者可点击左侧“项目”,进入上传/预览页面。点击“预览”,开发者可用本人微信扫码,在手机内预览小程序的效果。

注意:

  • 仅限于登录开发工具的开发者本人可以扫码并预览,其他人无法扫码预览。
  • 请用微信客户端iOS或Android的6.3.27及以上版本才可以扫码预览。

6 . 上传代码(前提:必填 AppID)

小程序的管理员可点击左侧“项目”,进入上传/预览页面,使用管理员本人微信号扫码确认上传。



开发工具每次更新都有惊喜,或者是惊吓!

据说当开发工具遇到不可思议的问题时,重启可以解决 90% 以上问题。[get神技能]

看看小程序俱乐部的伙伴们发现了哪些不为人知的秘密吧!

知识准备

小程序开发者需要具有 html、css、javascript 前端知识基础。

  • html 对应 wxml 文件
  • css 对应 wxss 文件
  • javascript 对应核心逻辑 js 文件

html、css 内容通过 w3school 的基本文档即可轻松入门。
javascript系列课程 让你成为 js 大神。轻松应对小程序开发!

注意:css 样式部分在小程序开发中不可用。具体参看 官方WXSS文档

附上教程贴


xhx

特大喜讯:加入小程序俱乐部官方群,定期会有群直播,免费的哟。和我一起笑看大神们一手孩子,一手代码。

分享到:
15条评论
Ctrl+Enter
作者

MINA搬运工

MINA搬运工

APP:4 帖子:46 回复:280 积分:4234

已加入社区[2941]天

为自由而思,行自由事

作者详情》
Top