微信小程序原生开发第一步:环境搭建、发布流程、效果欣赏。

编辑:睿儿发表于:2020-07-30 22:07:00 57 次阅读
原创声明:本内容(微信小程序原生开发第一步:环境搭建、发布流程、效果欣赏。 )为睿儿网络原创作品,任何媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表。如需转载请联系站长QQ:7280374 请注明申请文章转载!

  近年来各种小程序越来越火爆,随着客户需求的增加,很多小程序开发人员、小程序平台、小程序代理商等如雨后春笋般以迅雷不及掩耳之势冒了出来。

  为什么微信小程序会这么火爆?小程序依托微信而生,在微信这个巨大的生态圈中,小程序经过不断的完善和创新,功能越来越多,用户体验感不断上升,小程序能干的事情越来越多。

  相对于体积庞大还必须下载安装才能使用的APP来说在某些功能上来讲小程序已经可以替代APP成为客户的更好的选择,开发一个APP开发价格和运营成本远高于开发一个小程序,而且APP如果在运营推广上没做好很容易变成鸡肋,用之用处不大,弃之成本已花。所以在一些只需要小程序就能实现的功能方面很多客户都直接选择了小程序。

  借助微信庞大的生态圈 小程序+公众号+微网站的模式渐渐成为绝大部分用户的首选,三个项目共享一个数据库,也节省了很多管理成本,让企业营销方式更丰富,更简单。

  不管怎么说,小程序都已经是一种流行,一种趋势,一种可以打包的服务。所以学会开发小程序也是程序员必备技能之一。


接下来进入正题,怎么样才能开发小程序?


  首先你得有一个小程序账号:注册地址:https://mp.weixin.qq.com/  

image.png

进入后,点击立即注册 ,选择账号类型  小程序

image.png

按照页面提示,填写注册信息,并完成注册 。

image.png


注册账号后,就可以在公众平台登陆页面登陆,进入之后  先填写小程序信息(我这个是已经填过的,没填过的可能和这个不太一样,但也差不太多。)

image.png


第二步:下载微信WEB开发者工具 根据操作系统不同选择不同的版本

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html


image.png


第三步:安装下载后有EXE文件,并扫码登陆--在编辑工具中编辑内容。

这里要说明一个,它会推荐你使用云编辑  里面据说内置了很多很多开发需要的内置方法,但如果你想调用自已的WEB数据库的话就老实点使用原生开发吧。选择下面那个。

image.png

第四步:在编辑工具中上传,等待审核。

image.png


以上就是开发小程序的整套流程,当然最细节的地方就是开发的过程,根据不同的需求我们需要做不同的代码。



通过一些小程序来看,,光是最头部就有大量的研究工作需要做。

image.png

案例1  没有头部的

image.png

案例2 头部在中间的

image.png

案例3 头部带LOGO的

image.png

案例4 用一张斜角的图给用户带来视觉感的(这个在手机上操作的时候一拉,这图就从中间分开了。视觉效果一流。)


image.png

案例5 顶上带搜索功能的。

image.png

案例6 带后退按纽的

image.png

像这种头部和底下接一起的感觉也超赞。

image.png

还有底部 效果


下一篇稿子我们就来写一下头部的研究心得。敬请期待。


官方使用帮助文档:

https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/code.html#JSON-%E9%85%8D%E7%BD%AE


原文地址:/library/202007/16.html(张家口导航-睿儿知识库)

张家口睿儿网络科技有限公司版权所有