小程序开发的步骤和流程详细介绍

    文章来源:万象互联 更新时间:2018-11-14 8:28:42
分享:

一、微信小程序开发以及操作步骤

  随着互联网的不断发展,H5、微信小程序也不断走进每个人的生活

  1、注册小程序帐号

  在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮。

  2、选择注册的帐号类型

  选择“小程序”,点击“查看类型区别”可查看不同类型帐号的区别和优势。

  ①、填写邮箱和密码

  请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。

  ②、激活邮箱

  登录邮箱,查收激活邮件,点击激活链接。

  ③、填写主体信息

  点击激活链接后,继续下一步的注册流程。请选择主体类型选择,完善主体信息和管理员信息。

  3、选择主体类型

  主体类型说明如下:

  填写主体信息并选择验证方式,企业类型帐号可选择两种主体验证方式。 方式一:需要用公司的对公账户向腾讯公司打款来验证主体身份。打款信息在提交主体信息后可以查看到。 方式二:通过微信认证验证主体身份,需支付300元认证费。认证通过前,小程序部分功能暂无法使用。完成注册后,微信小程序信息完善步骤和开发可同步进行。选择对公打款的用户,完成汇款验证后,可以补充小程序名称信息,上传小程序头像,填写小程序介绍并选择服务范围。选择通过微信认证验证主体身份的用户,需先完成微信认证后,才可以补充小程序名称信息,上传小程序头像,填写小程序介绍并选择服务范围。

  4、绑定开发者

  登录微信公众平台小程序,进入用户身份- 开发者,新增绑定开发者。个人主体小程序最多可绑定5个开发者,10个体验者。未认证的组织类型小程序最多可绑定10个开发者,20个体验者已认证的小程序最多可绑定20个开发者,40个体验者。

  5、获取AppID

  进入“设置-开发设置”,获取AppID信息。下载并安装开发者工具

  6、登录

  开发者工具使用管理员或者绑定的开发者微信号扫码登录。

  7、创建项目

  小程序的管理员或已绑定的开发者可以创建项目。需要填写AppID、项目名称及本地开发目录。

  8、开发

  管理员和开发者可在开发者工具内完成小程序的开发、调试、预览、上传代码等操作。

  9、预览

  小程序的管理员或是开发者可点击左侧“项目”,进入上传/预览页面。点击“预览”,开发者可用本人微信扫码,在手机内预览小程序的效果。注意:开发工具上的二维码仅限于登录开发工具的开发者本人可以扫码并预览,其他人无法扫码预览。请用微信客户端iOS或Android的6.3.27及以上版本才可以扫码预览。

  10、上传代码:

  小程序的管理员可点击左侧“项目”,进入上传/预览页面,使用管理员本人微信号扫码确认上传。注意:只有管理员有权限可以上传,开发者没有权限上传。代码上传后可在微信公众平台(mp.weixin.qq.com),开发管理页面中看到对应提交的版本。

  11、提交审核

  登录微信公众平台小程序,进入开发管理,开发版本中展示已上传的代码,管理员可提交审核或是删除代码。审核信息填写

  12、配置功能页面

  填写重要业务页面的类目与标签,重要业务页面组数不多于5组。

  13、测试帐号

  当小程序需要开发者提供测试帐号才能完成审核体验时,小程序在首次提交审核时将被打回,再次提交审核时将开放提供测试帐号的入口,该入口将由开发者提供帐号给微信审核人员审核微信小程序时登录使用。

  14、完成提交

  提交审核完成后,开发管理页中审核版本模块展示审核进度。

小程序开发的步骤和流程详细介绍

小程序开发

  二、普通人如何进行微信小程序开发?

  1、小程序是什么?

  简单来说,小程序就是一个不用安装的app,即开即用,用完就走,最大只有2M,相对动辄几百M的app而言,它小到完全不占手机内存。最关键的是app能实现的功能,它几乎都能做到。肯德基、麦当劳、美团、百果园这些企业都做了自己的小程序,国家级政府部门农业部、商业部、外交部、公安局等也上线了小程序。小程序已经影响了各行各业,渗透到了我们的日常生活。政府部门都在用小程序而对于企业、门店来说,小程序是个低成本做推广的神器,是企业做电商千载难逢的机会,拼多多用2年实现了京东10年才做到的1000亿成交额,乘的就是小程序这股东风。

  2、怎么样才能拥有自己的小程序呢?

  小程序是依托于微信存在,但微信只是开放了小程序的接口,小程序里面的功能都是第三方开发公司做的,意思就是你要做一个小程序,就必须要找小程序的第三方开发公司。但现在小程序市场鱼龙混杂,关于小程序的骗局也是频繁发生,很多打着腾讯官方和政府支持的旗号,召集企业老板参加各种小程序交流会,花高价做小程序,而实际上,这些组织几乎都是没有小程序开发实力和经验的,收了钱之后根本没办法完成企业的需求的。政法频道对小程序骗局的报道

  3、市场上免费的小程序,靠谱吗?

  “免费”模式是互联网时代最有效的推广方式,很多互联网公司在推广的初期的确会用这种方式来打开市场,360卫士就是一个很典型的例子。但是,产品的开发是需要投入大量的人力物力的,小程序也一样,大公司能承受得起这一大笔的支出,所以他们能给到用户实实在在免费靠谱的产品。但也有很多浑水摸鱼的小公司,打着免费旗号的背后,会有不少看不见的坑,大家一定要擦亮眼睛,分清真伪。特别是做电商型小程序,涉及到钱,更要慎重,一不小心用到漏洞百出的系统,那后果可是很严重的。所以,做小程序,我们要选择正规的大公司。但是,问题来了,大公司的收费一般都不便宜的,做一个有购买支付功能小程序,少则3000元,高的上万块,对于普通的商家和个人,是承担不起的,怎么办呢?庆搬迁之喜,参与分享,云指免费送小程序今天我要给大家带来了一个“小程序免费送”的活动。这个活动是云指为庆搬迁之喜,回馈用户而推出的一个活动。7月24日-8月15日,活动期间内,所有用户享2折超低价购买云小店小程序,产品开通后,将活动信息分享给10个微信好友,即能获得全款返还,相当于小程序免费送给你。活动产品“云小店小程序”是云指针对企业门店开发的研发的产品,具有商城展示、购买支付、发放优惠券、一键导航等功能,能帮助门店开一个24小时永不关门的线上商城,把线上的流量引到线下,帮助门店0成本获客,提高门店销量。最关键的是云指的“云小店小程序”制作还非常简单,整个过程不用懂代码和设计,系统本身已经自带了海量精美好看的模板,你只需要安装模板,更换图片和修改文字,1个小时就能完成搭建,和美图秀秀的操作一样,简单容易上手。

小程序开发的步骤和流程详细介绍

小程序开发

  三、微信小程序-开发入门

  微信小程序已经火了一段时间了,之前一直也在关注,就这半年的发展来看,相对原生APP大部分公司还是不愿意将主营业务放到微信平台上,以免受制于腾讯,不过就小程序的应用场景(用完即走和二维码分发等)还是很值得我们学习的,技术上面如果了解React的话,会发现他们在组件化上面有很多雷同之处。说白了,小程序就是基于微信平台的H5轻应用,微信将系统底层功能(设备、位置、媒体、文件等)和微信自身功能(登录、支付、分享等)封装成相应API供小程序调用。

  小程序基本概念:

  1、开发工具:为了配合小程序开发,微信专门配备了自己的开发工具,自行选择对应版本安装。

  2、创建项目应用:安装完成后,打开并扫码登录。小程序发布需要企业级的认证公众号,所以个人订阅号是不能发布的。所以我这里选择无AppID,创建项目选择一个本地空文件夹,勾选创建quick start 项目生成一个demo。

  3、编写小程序:demo初始化并包含了一些简单的代码文件,其中app.js、app.json、app.wxss 这三个是必不可少的,小程序会读取这些文件初始化实例。app.js是小程序的初始化脚本,可以在这个文件中监听小程序的生命周期,申请全局变量和调用API等。app.json是对小程序的全局配置,pages设置页面路径组成(默认第一条为首页),window设置默认页面的窗口表现等。app.wxss 是整个小程序的公共样式表。类似网站开发中的common.css

  4、创建页面:在pages目录下,由一个文件夹中的四个同名不同类型文件组成。.js是脚本文件,.json是配置文件,.wxss是样式表文件,.wxml是页面结构文件,其中json和wxss文件为非必须(默认会继承app的json和wxss默认设置)。

         以上是小编为大家介绍的关于小程序开发的方法和操作步骤的相关内容,看完之后你知道如何开发微信小程序了吗?希望可以帮助到小程序开发入门的各位网友。

版权说明:本站原创文章,由微信小程序发表.
本文地址:https://www.hulian.top/zixun/post/8496.html
在线咨询
  • 在线时间
  • 8:00-21:00