我以前从未学过编程。 下面的回答重点是微信小程序开发的实际操作方法。 绝对适合零基础知识的人。 专家请不要笑。 微信的官方文档确实非常重要,随时都要用到,但作为新手,更重要的是先动手、先做、先做好。 如果你没有编程基础,你将主要专注于学习文档和编码。 太抽象、太无聊,很容易把自己吓跑。
我的情况:我在一家酒品店兼职。 平时我有很多空闲时间。 我想为自己找到一条出路。 人们都说IT行业更赚钱,我对它更感兴趣。 另外微信小程序比较流行,所以我就开始开发小程序。 首先开始吧。
下面是我自己开发微信小程序的简单流程(以牛道云为例,包括制作、提交审核、发布、下载小程序代码等,共13步):
1、小程序原型设计
开发之前最好先做一个原型,理清自己的需求。 我用的工具是,我下载的是免费版,功能不全,但是足够整理我的思路了。
2.注册开发工具账号
现在的微信小程序开发工具大部分都是纯在线版本,不需要下载。 而且,打开注册页面后,通常可以用微信扫描二维码来完成注册,非常简单。
需要补充说明的是:如果想要开发微信小程序,就必须使用微信官方的开发工具,但是对于没有编程基础的人来说,这个官方工具只能用于最终发布。 开发和生产中最复杂的环节超出了我们这样的初级人员的能力范围。 因此,像我这样的新手不得不依赖市场上的第三方工具来进行制作。 有很多,各有各的特点; 工具固然重要,但更重要的是其背后的思想和方法。
3. 选择模板
在模板市场中,选择最接近您需求的模板,点击“使用”即可进入开发制作平台,开始小程序的正式制作。 开发微信小程序时,最好前期根据现成的模板进行构建,然后在使用过程中逐步进行调整。 后期随着对它们越来越熟悉,就可以尝试进行深度的个性化开发。
4.修改和开发模板
选择模板并“使用”后,模板及其各个组件将直观地显示在生产表的中央。 选择需要修改的模块,在右侧设置基本属性、样式、触发条件(什么情况下模块开始工作)。 如果需要添加一些新的功能模块,可以在制作平台左侧找到对应的模块(牛道云称之为组件),然后直接拖放到屏幕中央的小程序界面中,即可然后回到右侧进行样式设置。 能够完成一个基本模块的开发。
小程序的前后端服务可以参考上述方法进行开发和制作。 您可以进入“高级”选项卡查看详细信息。
如果模块的拖拽方式感觉不理想,想要更完整地掌控小程序开发的细节,也可以切换到IDE模式:
牛道云的IDE模式支持使用 、 、css语言进行微信小程序编程。 因为我还不知道怎么写代码,所以不能介绍。 我会随着时间的推移学习这些语言,并添加一些代码操作案例。
开发和生产作业完成后,将进入配置和发布阶段。
5.注册并配置微信小程序账号信息
首次发布小程序,您需要注册小程序并获取小程序账号。
然后回到您正在使用的开发生产工具(牛道云)完成小程序账号信息配置。 在牛道云制作站导航栏选择“高级”->然后选择屏幕左上角的“管理后台”->在左侧功能树列表中选择“微信配置”:
6、获取并配置微信小程序的服务器域名
小程序正式发布前,需要配置服务器域名。 微信小程序只有拥有服务器域名才能正常运行。
在牛道云制作站“发布”页面,点击“第三步导入微信开发者工具”按钮,即可显示发布版本的服务器域名:
获取微信小程序的服务器域名信息
然后,登录小程序官网小程序账号,点击首页的“开发页面”按钮,打开开发页面,向下滚动,就会看到服务器域名的配置。 注意服务器域名一个月只能修改5次。
登录小程序账号并配置服务器域名信息 7.下载并安装微信开发者工具
下载·微信官方小程序开发工具(即所谓“微信开发者工具”)
8.下载准备好的微信小程序包
点击牛道云制作站右上角的“发布”按钮,进入“发布”页面。 点击页面上的“第二步下载小程序”按钮。 页面显示“正在生成微信小程序,请稍候……”。 使用浏览器的下载功能下载步骤4中创建的微信小程序包:
9.在微信开发者工具中新建项目
打开微信开发者工具。 在微信开发者工具中新建一个项目,输入小程序账号、项目名称,选择项目目录,准备导入准备好的微信小程序包:
10、上传微信小程序包到微信开发者工具
在微信开发者工具中,点击“上传”按钮,上传第8步导出的小程序包。上传后,因为还没有审核,所以称为“开发版”。
上传后登录微信公众平台| 小程序,在“开发管理”中可以看到刚刚上传的开发版本。
11.提交开发版本供审核
提交开发版本以供审核。 审核通过后即可提交发布。 提交审核的方法为:点击“开发版”右侧的“提交审核”按钮,打开“提交审核说明”,按照向导完成提交审核流程。
开始进入提交审核向导
提交审核后,登录微信公众平台 | 小程序,“开发管理”页面审核版本中会显示“审核中”。 等待审核结果。
12. 微信小程序正式发布
审核通过后,审核版本会显示“审核通过,待发布”。 点击审核版本右侧的“提交发布”按钮,小程序将正式上线提供服务。
页,
13.下载微信小程序代码
小程序提供小程序代码,用于扫描后打开小程序。 登录微信公众平台 | 小程序,在设置页面下载小程序代码,点击“下载更多尺寸”按钮,打开更多尺寸对话框,里面提供了各种颜色和尺寸的小程序代码供下载。
最后附上开发成果图。
让我对这个问题补充一点:我从来没有听说过CSS,更不用说js()了。 后来在制作过程中,我对拖放不满意。 相反,我以图形方式构建了它,同时经常切换到代码状态来思考它。 虽然现在还不能独立写代码,但是基本上也能大致理解了。 ,也可以进行简单的代码修改。 当然,一个重要的原因是牛道云的可视化模式和代码模式来回对应确实更加方便、省事。 不然我没有勇气去研究代码。