前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序原生开发第一步:环境搭建、发布流程、效果欣赏。

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

作者头像
睿儿网络郝刚
发布2020-09-08 10:59:52
1.1K0
发布2020-09-08 10:59:52
举报

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

案例1 没有头部的

案例2 头部在中间的

案例3 头部带LOGO的

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

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

案例6 带后退按纽的

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

还有底部 效果

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

官方使用帮助文档:

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-07-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 睿儿网络技术公社 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
访问管理
访问管理(Cloud Access Management,CAM)可以帮助您安全、便捷地管理对腾讯云服务和资源的访问。您可以使用CAM创建子用户、用户组和角色,并通过策略控制其访问范围。CAM支持用户和角色SSO能力,您可以根据具体管理场景针对性设置企业内用户和腾讯云的互通能力。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档