小程序的开发流程,第1张

 1、注册微信小程序账号

  按照文档指引,咱们得先注册一个微信下程序的账号,访问地址(https://mpweixinqqcom/cgi-bin/registermidpageaction=index&lang=zh_CN),选择“小程序”,按要求填写相关信息即可完成微信小程序的注册。(ps:微信严格区分个人公众号与小程序,因此微信小程序的注册邮箱不可以与微信个人公众号的邮箱相同)

  

 

  2、获取微信小程序的 AppID

  注册完成后登录,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。

  

 

  3、下载微信小程序开发者工具

  由于微信小程序的代码及规范相对封闭,因此按照微信官方的说法,为了帮助开发者简单和高效地开发微信小程序,推出了全新的开发者工具(https://mpweixinqqcom/debug/wxadoc/dev/devtools/devtoolshtml),集成了开发调试、代码编辑及程序发布等功能。

 

  4、创建demo项目

  下载完成后,选择创建“项目”,填入上一步获取到的AppID,设置本地项目的名称(非小程序名称),如:demo,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了。

  为了方便上手,咱们先使用微信官方提供的样例源码(https://mpweixinqqcom/debug/wxadoc/dev/demo/quickstartzip)。

  

  项目创建成功后,我们就可以点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在“编辑”里可以查看和编辑我们的代码,在“调试”里可以测试代码并模拟小程序在微信客户端效果,在“项目”里可以发送到手机里预览实际效果。

 

  5、手机预览

  开发者工具左侧菜单栏选择"项目",点击"预览",扫码后即可在微信客户端中体验。

  

 

 

 

  6、代码上传

  开发者工具左侧菜单栏选择"项目",点击"上传"即可将代码上传到微信小程序服务器。

  

  7、小程序发布

  登录微信公众平台并访问小程序首页(https://mpweixinqqcom/wxopen/initprofileaction=home&lang=zh_CN),按要求完成第1步,填写小程序相关信息及用户身份信息(暂时可绑定5个开发者和10个体验者),然后点击第2步“前往发布”按钮,按要求填写小程序相关信息及版本信息即可提交审核。

  

  

  至此,微信小程序相关流程已经基本走完,接下来等待微信官方审核,然后与具体的微信公众号绑定即可进行访问。

  ps:关于微信小程序具体的代码编写及规范可详见微信官方的开发者文档,这里就不做详细介绍了。

关于小程序开发流程详细如下:

1、开发微信小程序需要去微信官网注册一个企业版的小程序账号;

2、开通微信小程序,每年需要交300元的认证费。如果是开通过微信企业订阅号或者服务号的,就可以复用订阅号或者服务号的认证资质去创建小程序,这样就不再需要花费300元认证费。

3、搭建服务器,现在市面上的云服务器很多,阿里云和腾讯云都是不错的选择,除了服务器,还需要申请域名,进行ICP备案、SSL证书认证等。

4、分析用户需求,规划小程序效果页面,包括首页、商品页、分类列表页、支付页面、商品搜索页、关于我们等主要页面。

5、数据库的开发和字段的设计,包括商品表、商品分类表、用户注册信息表、产品订单表、留言信息表等。

6、设计和开发后端数据接口。

7、小程序前端页面的设计和开发。小程序官网提供了WXML和WXSS两种小程序语言,前端开发人员除了掌握这两种官方的小程序语言,还需要掌握小页面渲染技术以及api接口的相关知识。

8、后台管理系统开发,后台管理系统包含的功能一般有:商品信息管理(查看、添加、修改)、用户管理、订单管理和销售数据统计等。

9、部署小程序到服务器,进行小程序测试,打包小程序代码提交给微信平台审核。

10、后期小程序的升级迭代和维护。

小程序的简介:

小程序是一种轻量级的移动应用程序。它不需要用户像下载APP那样耗费时间和流量,用户只需要打开微信等社交媒体应用即可使用。小程序可以为用户提供游戏、购物、地图、社交、学习等各种服务。商家可以通过小程序来展示自己的产品,推广服务,实现线上支付等功能。

小程序的好处:

轻量级,小程序不需要像App那样下载安装,减少了用户对于流量和内存的消耗,大大提升了用户的使用体验。方便快捷,小程序可以直接在社交媒体应用打开,无需再次登录或者注册,极大的方便了用户的使用。

有的需要,有的不需要,具体要看功能。小程序的开发大致有三种方式:

一、自己有多年的编程基础,自己学习,自己研究。

二、使用第三方小程序开发工具这种方式是使用第三方的小程序开发工具,这类工具一般都不需要编程。区别于微信小程序官方的代码编辑器,这类工具是图形化的界面。做小程序就像做PPT一样。把、文字、音乐等等东西插入,然后设置它们的效果,编辑好后,使用这类工具直接自动小程序代码,把生成的小程序代码上传到微信审核就可以上线自己的小程序了。三、专业的微信小程序开发公司这类企业都有专门的技术团队和丰富的开发经验,商家只要把需求提供给公司,然后跟技术进行交流一下,把你的想法和需求说明,就可以开始了。商家想要找第三方开发合作公司要综合的考察,因为互联网的发展日新月异,公司的发展时间,有没有实力,开发的小程序能不能够满足需求等问题一直困扰着客户。

1、注册微信小程序账号

小程序注册账号

这个直接进入微信小程序官网自行注册即可,在此不多赘述。

微信小程序官方

2、获取APPID

获取小程序APPID

APPID在哪里获取呢,根据第一步注册的小程序帐号,然后登陆上,找到左侧“设置”,“开发设置”,就看到APPID啦,把APPID复制下来,留作备用。

3、绑定开发者

如果在第一步注册小程序帐号的时候,你不是管理员,那么这个时候,还需要绑定个开发者,直接登录小程序后台,点左侧“用户身份”-点右侧“编辑”添加成员,出现个二维码,管理员扫描二维码后,然后输入开发者微信号,勾选权限,确定,就可以了。

4、下载微信小程序开发者工具

下载微信小程序开发者工具

直接在微信小程序官方下载即可,根据不同的电脑系统下载对应的版本,安装即可,不多赘述!

5、创建微信小程序项目

打开步骤4中安装好的小程序开发工具,然后用开发者(或者管理员)扫码登录,选择创建“新项目”,填入步骤2获取到的 AppID,设置一个本地项目的名称,并选择一个本地的文件夹作为代码存储的目录,点击「新建项目」就可以了。

微信小程序

6、编写微信小程序代码

编写代码对新手来说有点难度,不过我们可以从微信小程序官方上直接下载代码实例,下载后,直接解压到步骤5代码存储目录内即可。这时我们会发现,有三个后缀的文件,分别为appjs、appjson、appwxss。其中,js 后缀的是脚本文件,json 后缀的文件是配置文件,wxss 后缀的是样式表文件。

接下来喝彩科技工程师赵德志在这里详细给大家说下,它们各自的功能。

appjs 是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用 MINA 提供的丰富的 API,如本例的同步存储及同步读取本地数据。

appjson 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口 背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。

appwxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 appwxss 中声明的样式规则。

微信小程序开发

7、创建微信小程序页面

微信小程序中的每一个页面的路径 + 页面名都需要写在 appjson 的 pages 中,且 pages 中的第一个页面是小程序的首页。

每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:indexjs、indexwxml、indexwxss、indexjson。js 后缀的文件是脚本文件,json 后缀的文件是配置文件,wxss 后缀的是样式表文件,wxml 后缀的文件是页面结构文件。

微信小程序教程详解

8、手机预览

开发者工具左侧菜单栏选择"项目",点击"预览",扫码后即可在微信客户端中体验。

9、上传小程序代码

开发者工具左侧菜单栏选择"项目",点击"上传"即可将代码上传到微信小程序服务器。

10、提交微信审核及小程序发布

步骤9上传好小程序代码后,提交微信进行审核。审核现在也很快,一把几个小时就审核过了,慢的话估计2-5天吧,等审核通过后,就可以在小程序后台,进行发布上线了。

步骤一:注册一个小程序账号并认证

注意事项:

1、商家主体类型为个人或只需小程序的展示功能的企业、媒体、政府、组织,可不注册订阅号和服务号,直接注册并认证小程序。

商家主体类型为企业的商家在注册小程序(只需展示功能)时,可不操作微信认证(支付300元认证费),只对公账户小额打款认证即可;

2、商家需展示+微信支付功能且主体类型为企业(包括个体工商户)、媒体、政府、其他组织时,建议先注册并认证服务号,再复用服务号资质快速注册并认证小程序;

3、如您有已微信认证的企业(包括个体工商户)、媒体、政府、其他组织类型的服务号,可选择复用公众号资质快速注册认证小程序,无需重新提交主体材料、无需对公打款、无需支付300元认证费用。

4、小程序已认证,无法复用小程序的资质快速认证服务号;

5、小程序注册好后,需在小程序管理后台填写小程序的基本信息。

步骤二:通过SaaS平台制作微信小程序店铺

1、注册得有店账号,创建店铺,填写店铺的基本信息:名称、主营品类、店铺地址等。

2、系统会根据你的主营品类为你推荐主题模板,选择一键启用即可;如果不喜欢,自己可以再进行挑选,里面有上百套精美模板。

如果不选择模板,也可以自主设计,通过各种功能组件,可视化拖拽,就像搭积木一样,非常简单。这就需要自身有一定的设计审美基础。

3、上传商品,得有店支持第三方商城网站的批量导入,比较省心;

4、设置店铺信息,如物流快递、同城配送/到店自提、连接打印机、开启消息通知、员工角色权限、配置微信支付等等,将整个线上开店逻辑打通。

5、整个店铺搭建完毕,将小程序授权给得有店,就可以发布给微信审核了,通过之后,就可以上线运营了。

步骤三:优化商城小程序页面与内容

1、将店铺的优惠活动放在首页,如店铺优惠券领取,限时特价购、拼团活动、砍价活动等。

2、显眼的会员卡领取入口,以丰富的会员专享权益吸引用户成为会员,积累忠实客户。

3、店铺的地图,放置后消费者去门店时可以一目了然知道位置在哪里。

小鸟云服务器niaoyun实例创建好之后,您可以使用以下任意一种方式登录服务器:

远程桌面连接 (Microsoft Terminal Services Client, MSTSC):

采用这种方式登录,请确保实例能访问公网。如果在创建实例时没有购买带宽,则不能使用远程桌面连接。

管理终端 VNC:无论您在创建实例时是否购买了带宽,只要您本地有网页浏览器,都可以通过管理控制台的管理终端登录实例。

使用远程桌面连接 (MSTSC) 登录实例

打开 开始菜单 > 远程桌面连接,或在 开始菜单 > 搜索 中输入 mstsc。也可以使用快捷键 Win+R 来启动运行窗口,输入

mstsc后回车启动远程桌面连接。

在 远程桌面连接 对话框中,输入实例的公网 IP 地址。单击 显示选项。

输入用户名,如小鸟云默认为 niaoyun。单击 允许我保存凭据,然后单击 连接。这样以后登录就不需要手动输入密码了。

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 小程序的开发流程

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情