设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 设计信息 > 如何制作微信小程序?小程序制作流程解析

如何制作微信小程序?小程序制作流程解析

mooncakest
2022-08-04
1773
微信小程序作为微信的一款子产品,是在微信的基础上推出的,随着微信的普及,很多人都在做自己的小程序。最近小编收到了很多关于微信小程序的咨询,包括如何制作微信小程序?微信怎么开通小程序?微信小程序怎么做?微信小程序制作流程等等问题。本文就对此进行统一的解答。

如何制作微信小程序


微信小程序怎么制作?大致上分为三个大阶段。


注册阶段


如果有已认证的企业类型的公众号登录自己的微信公众号,进入该后台后点击小程序管理然后选择快速注册并认证小程序,之后根据提示不停点击“下一步”,很快就注册成功了。

微信小程序平台
如果没有公众号,可以使用下面的普通流程注册:
一、首先确定小程序的定位、目的以及各种资料等(准备工作,详见下方准备阶段)。
二、打开微信公众平台的官网,点击右上方的“立即注册”。
三、在“选择注册的类型中”选择“小程序”。
四、完善账号的各种信息。
五、登录邮箱激活公众平台账号。
六、完善信息登记。
按照上面流程填写完成后即可认证成功,完成准备阶段就可以开始创建小程序了。

准备阶段

一、确定小程序定位

现在小程序的类型很多,诸如企业形象展示,线上购物,交流沟通,服务预订等等,所以在制作小程序之前也要想好自己是打算做什么类型的小程序,打算通过小程序来达到一个什么样的目的,是展示商品,还是做线上商城。

二、制作开发小程序的方法

常见的方法有三种

第一种,企业自主开发。
可以自行开发小程序APP,也可以把设计内容上传到微信小程序开发做成微信小程序。整体开发步骤是这样的:首先是产品沟通阶段:产品经理和客户沟通,确定产品的功能需求并进行产品原型的设计;其次是产品UI设计阶段:ui设计师设计出合适的用户界面,最好是符合客户要求同时也符合大众审美的APP界面设计;之后是产品的研发阶段,产品研发阶段做的好坏,依赖于开发人员的技术水平,开发经验久一些的往往开发的会更快,效率高,做的会更好一点;最后是产品测试,通过测试后即可上线(微信小程序不需要这步骤,而是上传到公众号平台的添加项目里)。

整个流程操作,从原型设计到UI设计再到开发都可以在摹客内操作完成。摹客是设计+协作的一站式云平台,集原型设计、UI设计、设计稿交付协作和设计规范管理于一体,为产研团队提供高效的全流程协作和设计生产力工具。助力政企数字化升级,大幅提升产研团队设计效能、降低成本。


制作微信小程序-摹客


第二种,通过第三方的模板去制作类似产品。
网上有很多模板,不过大部分比较老旧,想要最新款的可以在模板例子里查找。

制作微信小程序例子


摹客的模板例子里有丰富的网页,手机APP模板,自然也包括了微信小程序。无论是打卡签到,办公协作,活动报名还是游戏商城,微信点餐,都可以找到合适的模板。

微信小程序模板


选中后点击编辑保存,即可进入操作页面,在页面内自行进行改动部分内容即可完成。

微信小程序-喜茶


第三种,外包给专业的小程序制作开发团队。
有钱任性且缺乏相关技术的可以选择这种方式。

制作微信小程序


注册和准备阶段完成,我们就可以对我们的小程序进行开发设计。

开发阶段

一、登录微信公众平台

然后在菜单“开发”---“基本配置”中看到小程序的AppID,并记录下来。小程序的AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。

微信开放平台


然后我们需要一个工具来开发小程序。

二、前往“开发者工具”下载页面,安装“开发工具”

开发工具有windows64、windows32、mac三个版本,可根据实际情况,选择适合自己电脑的开发工具。安装后,就可以直接启动开发者工具了。具体的操作细节可以按照提示一步一步来。

三、在小程序管理页面,点击“关联小程序”


小程序关联


四、填入申请到的小程序的AppID、项目名称


APPID


五、然后点击“选择”,新建一个文件夹作为新的项目目录

再次点击“添加项目”,就可以新建出一个微信小程序项目了。这里添加的就是准备阶段制作开发小程序中的设计出的项目。

六、制作完成的小程序提交到腾讯审核

一般待7-14个工作日审核通过后就可以拥有自己的微信小程序了。

总结:如果你对开发毫无经验,完全可以根据这篇文章里的流程来进行梳理,希望可以帮助到你!


上一篇
摹客RP,上线手势交互!

mooncakest   08/12

PM 求职 | 疫情之下的裁员浪潮,7点建议让你在面试中脱颖而出

mooncakest   07/29

下一篇
需要帮助?

摹客产品顾问为你服务

我是小摹,立即扫码加我吧!

帮助群:762023607

服务邮箱:service@jongde.com