只接受发布货源信息,不可发布违法信息,一旦发现永久封号,欢迎向我们举报!
1064879863
16货源网 > 餐饮行业新闻资讯 > 微信小程序开发 >  零基础,如何入门并开发出一个微信小程序?


零基础,如何入门并开发出一个微信小程序?

发布时间:2019-07-15 15:38:10  来源:网友自行发布(如侵权请联系本站立刻删除)  浏览:   【】【】【
有想法,可是开发不出来
零基础,如何入门并开发出一个微信小程序?

有想法,可是开发不出来

泻药,首先html算不上什么开发语言

想快速入手开发的话,我建议你看一些针对零基础的视频跟着学习一下,这些视频里面一般也有对照官方文档,让你学会看文档,学完之后就可以开发一些相对简单的小程序了,

如果想深入就需要学习JavaScript,看下css,看不懂官方文档,是因为你没有编程开发基础,强烈建议先看下视频,为了避免广告嫌疑,如果有需要可以私信我,我这有个挺好的入门视频免费送给你

我之前没有学过编程,下面的回答侧重于微信小程序开发的实际操作方法,肯定适合零基础的人,高手们别笑话。微信官方的文档确实很重要,随时都要用,但身为小白,先动手、做起来、做出来更首要。没有编程基础,上来就以学文档学代码为主,太抽象太枯燥了,很容易把自己吓跑的。

本人情况:在一家卖酒的店里打工,平时比较闲,想为自己多找条出路,都说IT行业挣钱多,自己也比较感兴趣,加上微信小程序比较火,就从小程序开发先入手搞起。

下面是我自己做微信小程序开发的简要过程(基于牛刀云举例,包括制作、提交审核、发布、下载小程序码等,总共有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)了。后来在制作过程中,我并没有满足于拖拉放,而是一边图形化搭建着,一边注意经常切换到代码状态琢磨琢磨,现在虽然还不能自己独立写代码,但基本上能读懂个大概了,还能做做简单代码修改。当然,一个重要原因是,正好牛刀云的可视化模式与代码模式来回对应起来确实比较方便、省事。否则我也没有勇气去研究代码。

既然说了是零基础,想学微信小程序开发。

那我们就反着来推:

1、微信小程序开发需要什么技术?哪些技术呢?

答案:微信小程序开发本质上需要的技术无非就是 JS ,CSS 样式,以及 类似 Html 标签的组件的使用。

所以那么下一个问题来了。

2、我要学会这些技术才能开发微信小程序,那么,我该学习哪些技术呢?

通过第一问,我们就知道,学习 HTML 学习 CSS 学习 JS 技术即可。

3、该如何学习这些技术呢?

HTML ,CSS 样式这些东西比较简单,即使零基础,我感觉一周之内看看官方文档必能学会。唯一有点难度的就是 JS 的学习。

现在是互联网时代,网上资料多的是,关于 HTML,CSS,JS 的资料,网上一大把,找免费的就行,文档,视频有的事,没必要花钱买付费的。

4、那么,我学会这些技术就可以马上开发了么?

不。小程序用到了这几个技术不假,但是也不是马上开发,建议再去学习一下微信小程序的官方文档,看看文档中的组件的使用,API的使用,框架的介绍。看完了这些,你就可以开发出一个微信小程序了。

5、难道到这里就完了吗?

答案好像并不是,上面完了只是你能画小程序界面了,那么我想要数据怎么办?服务器怎么办?前四问只是帮助我完成了前端的工作。可是后台的工作怎么办?数据库怎么办?

你也要一一学习吗?这太难了,对于零基础的人来讲。

但是,不用怕,因为微信官方为了简化开发的流程和工作,降低的开发门槛,提供了直接配置云服务和云数据库的方案,你只需要稍加学习即可,完成接口的工作,这样你才能完整的开发一个小程序。

看到这里,不知道你明白了么?

正好最近开发了一款及其简答的小程序,仅有一个云函数,两个页面,供大家参考学习

我就是csuhan呀:微信小程序快速开发:从注册账号到小程序上架

责任编辑:
热门阅读排行
© 16货源网 1064879863