导航

星光科技教你如何开发微信小程序?
发布时间:2020/12/12发布作者:本站阅读次数:2673
您当前的位置:网站首页 > 动态 > 常见问题

如何开发微信小程序?星光科技小编为了让更多人的了解微信小程序。
下面的回答侧重于微信小程序开发的实际操作方法,肯定适合零基础没有开发经验的人。
微信官方的文档确实很重要,随时都要用,但身为小编,先动手、做起来、做出来更首要。没有编程基础,上来就以学文档学代码为主,太抽象太枯燥了,很容易把自己吓跑的。
下面是小编我自己做微信小程序开发的简要过程(包括制作、提交审核、发布、下载小程序码等,总共有13步):
1. 小程序原型设计
开发前,最好先做个原型,把自己的需求理顺。我用的工具为Axure, 下载的是一个免费版,功能不全,但自己梳理想法足够了。
2. 注册一个开发工具账号
现在微信小程序开发工具大多都是纯线上版本,无需下载;并且,打开注册页后一般都可以用微信扫码即可完成注册,非常简便。
需要补充说明下:想开发微信小程序,微信官方的开发工具肯定是要用的,但是对于没有编程基础的人来说,这个官方工具只能做做最后的发布。最复杂的开发制作环节,咱这种初级人员玩不转。所以像我这样的菜鸟群体,制作时得依靠市面上第三方工具。有很多,各有特色;当然,工具固然重要,但背后思路方法更为本质。
3. 选择模板
在模板市场中,选择跟自己需求最为接近的模板,点击“使用”,即可进入开发制作台,开始小程序的正式制作。开发微信小程序,早期最好基于现成模板就行搭建,在使用过程中再逐步调整,在后期越来越熟悉后,就可以尝试进行深度个性化开发。
4.对模板进行修改、开发
选好模板并“使用”后,在制作台中央,模板以及模板的各个组成部分就会可视化的展现出来了。选中希望修改的模块,在右侧对基础属性、样式和触发条件(什么情况下该模块开始工作)等进行设置。如果需要增加一些新功能模块,可以在制作台左侧找到相应的模块(星光科技称为组件),然后直接拖放到屏幕中央的小程序界面里,再回到右侧做做样式设置,就能完成一个基本模块的开发。
小程序的前端、后台服务,都可以参考上面的方法进行开发制作,具体可以进入“高级”标签页详细查看。
如果模块拖拽的方式觉得不过瘾,想更彻底的掌控小程序开发细节,也可以切换到IDE模式:
星光科技的IDE模式,支持用javascript、html5和css语言对微信小程序进行编程。因为代码编写我暂时还不会,介绍不上来,等过段时间学下这几个语言,再补充点代码操作的案例上来。
开发制作操作完成后,将进入配置、发布环节。
5. 注册并配置微信小程序账号信息
首次发布小程序,需要先进行小程序注册,获得小程序账号的appid和appsecret。
然后再回到所使用的开发制作工具(星光科技)里完成小程序账号信息配置。在星光科技制作台导航栏上选"高级"——>再在屏幕左上方选“管理后台”——>左侧功能树列表里选“微信配置”:
6. 为微信小程序获取并配置上服务器域名
小程序正式发布前需要进行服务器域名配置。有服务器域名微信小程序才能正常工作。
在星光科技制作台的“发布”页面中,单击“第三步 导入微信开发者工具”按钮,显示出发布版本的服务器域名:
为微信小程序获取服务器域名信息
然后,在小程序官网登录小程序账号,单击首页中的“开发页面”按钮,打开开发页面,向下滚动,即可看到服务器域名的配置。注意服务器域名在一个月内只能修改5次。
登录小程序账号,配置服务器域名信息
7. 下载安装微信开发者工具
下载 · 微信官方的小程序开发工具(即所谓的"微信开发者工具")
8. 下载制作好的微信小程序包
点击星光科技制作台右上角的“发布”按钮,进入“发布”页面,单击页面中的“第二步 下载小程序”按钮,页面中显示“正在生成微信小程序,请稍等…”,使用浏览器的下载功能,下载步骤4中制作好的微信小程序包:
9. 在微信开发者工具里创建一个新项目
打开微信开发者工具。在微信开发者工具中新建一个项目,输入小程序账号的appid、项目名称、选择项目目录,为导入制作好的微信小程序包做准备:
10. 上传微信小程序包到微信开发者工具
在微信开发者工具中,单击“上传”按钮,上传步骤8导出的小程序包。上传后,因为还未审核,所以都叫"开发版本"。
上传后,登录微信公众平台|小程序,在“开发管理”中可以看到刚上传的开发版本。
11. 提交开发版本进行审核
将开发版本提交审核,审核通过后,才能提交发布,提交审核的方法是:单击“开发版本”右侧的“提交审核”按钮,打开“提交审核相关须知”,按向导完成提交审核流程。
开始进入提交审核的向导
提交审核后,登录微信公众平台|小程序,在"开发管理"页面中的审核版本中会显示“审核中”。等待审核结果。
12. 正式发布微信小程序
审核通过后,审核版本中显示“审核通过,待发布”,单击审核版本右侧的“提交发布”按钮,小程序将正式发布到线上提供服务。
13. 下载微信小程序码
小程序提供了小程序码,用于扫描后打开小程序。登录微信公众平台|小程序,在设置页面中下载小程序码,单击“下载更多尺寸”按钮,打开更多尺寸对话框,提供多种颜色和尺寸的小程序码用于下载。
再就题主的问题补充说一下:我刚开始甚至连HTML5、CSS都没听说过,更别说js(javascript)了。后来在制作过程中,我并没有满足于拖拉放,而是一边图形化搭建着,一边注意经常切换到代码状态琢磨琢磨,现在虽然还不能自己独立写代码,但基本上能读懂个大概了,还能做做简单代码修改。
当然,微信小程序做的好不好,零基础入门知识作为普通个体经营户用是可以,作为企业型微信小程序建议还是更多的寻求专业开发团队来完成。一个重要原因是,专业的事情专业人士去干,作为小编我作为星光科技一员,希望有需求的同志可以联系我们。

相关推荐

营销技术在中国的落地和进化之路

星光科技,量身定制网络营销策略与品牌提升解决方案

开始新项目

星光科技-您身边的互联网全案一体化营销云服务商
星光科技地址/ADDRESS
温州市龙湾区浙南云谷B-2层
温州市鹿城区东龙路109-2层
星光科技电话/TEL
0577-88898268(工作日)
18057716530(7×24)
星光科技QQ咨询
65663437 (售前)
438514921(售后)
星光科技邮箱/E-mail
wz666@wz666.com(业务)
65663437@qq.com

星光科技
品牌网站建设 网站SEO优化 APP+小程序 协同OA系统 阿里代运营 品牌视觉设计

0577-88898268(工作日)

18057716530(7×24)

COPYRIGHT © 2020    温州市星光科技开发有限公司    ALL RIGHTS RESERCED浙ICP备2020034384号-1  浙公网安备:2018065358

提交需求