美团小程序开发文档(美团小程序开放平台)

小程序开发 1229
本篇文章给大家谈谈美团小程序开发文档,以及美团小程序开放平台对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、推荐两个微信小程序开发框架

本篇文章给大家谈谈美团小程序开发文档,以及美团小程序开放平台对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

推荐两个微信小程序开发框架

下面是最近了解的,开发者使用较多的框架:

1. WePY

WePY属腾讯系,是一款组件化的开发框架,比原生小程序的开发模式更接近于MVVM ,它类Vue的开发风格,让Vue开发者很容易上手。

Github地址:

官网地址:

2. mpvue

mpvue 是美团点评开源的一个使用Vue.js开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。

Github:

官网:

美团小程序功能设计(需求文档)

         墨刀连接: 

一.需求背景

二.需求目的及明细

三.业务流程

    3.1业务流程

    3.2页面流程

四.功能详细设计

    4.1交互设计

    4.2原型

五.考核指标

六.总结

公司最近想把用户约见这个场景在微信小程序上做深做透,基于这个业务诉求,设计聚餐投票的功能,便微信群用户在线下聚会前,能先在线上把大家喜欢的美团店铺汇总在一起,然后投票决策聚会去吃哪个店,可以节约用户的时间成本。

使用投票聚餐一定是针对的一个小群体,这个小群体一定是有一定关系的,如;同事,朋友,同学,家人等,基于上述理论对用户-场景-需求分析:

需求目的:完整的投票聚餐功能,选择商户到统计投票。解决用户在聚餐选择商家时意见不统一或者想要统计大家意见时的需求。

创建流程 :

编辑流程 :

1.我的

在我的页面中新增入口图标,点击后可进入投票聚餐

2.新增投票页

页面分为新增投票模块以及历史投票模块,历史投票模块以时间顺序排列

创建投票:创建投票后进入选择餐厅页面

编辑:点击编辑后,重新编辑此次记录,进入确认页面,可重新发起投票

3.选择餐厅页

选择餐厅页面分为3个模块,顶部的搜索模块,排序模块以及商家展示模块。

排序模块分为4种筛选模式:

按照美食种类分类,其中默认为全部美食,用户点击后出现下拉菜单,用户可选择美食分类(如:食品保健,特色菜,福建菜等)

按照地理位置进行排序,分类模块按城市区域地理性标志划分,默认选择为附近

为用户筛选的常用关键字排序,分为:智能排序,离我最近,好评优先,销量最高,默认为智能排序

按照餐厅服务以及用餐人数为用户进行筛选,默认状态为关闭

确认添加:点击确认添加后,进入确认页

添加商户:点击加号添加商户,再此点击取消添加商户

搜索:点击搜索页进入搜索页面

已添加商户:点击后进入展开已添加商户,可以对已添加商户进行删除

4.确认页

确认页分为主题元素,商户展示模块

主题默认为系统填写,用户点击后可进行修改

生成投票分享好友:点击后进入好友页

添加喜欢餐厅:点击后进入选择餐厅页,无人员限制

删除商家:点击后删除商家

5.结果页

模块分为主题模块,商户展示模块以及出现在商户暂时模块下面的统计模块

投票:点击投票按钮投票,再次点击取消投票;用户若已选择商户,在点击其他商户的投票按钮将自动取消已选的上加商户。

随机功能:场景为当出现平票时为用户随机一家商户,没有操作权限,任何人都可以操作,但点击一次后默认10分钟后才能再次点击,随机结果将一直展现,直到下次随机出现新的结果

回首页:点击后返回首页

添加喜欢餐厅:点击后进入餐厅选择页,选择完毕后直接进入到结果页。

1.考察用户日活增长指数:当天日货量-前一天的日活量/前一天的日活量x100%。投票聚餐是有分享属性存在的,纯在分享属性,进入小程序的用户数应相应增多。

2.对投票聚餐的入口,新增投票以及生成投票分享好友进行埋点,统计访问人数,分别计算转化率。是考核功能的转换率,用户流入入口的数据,是判断这个需求是真需求还是伪需求的根本。

3.使用流程转化率:新增投票访问人数/投票聚餐的访问人数x100%,生成投票分享好友访问人数/投票聚餐的访问人数x100%。此数据是对流程的考察,用户是否觉得流程好用,从此数据能够得出一定的结论。

总结

投票聚餐是针对于当代年轻人常出现的聚餐场景,由于每个人都有自己的喜好而出现的意见不统一的需求,因此诞生出来的功能。此功能要包含完整的投票流程,从选择餐厅-投票,并需将选择餐厅的分类功能尽量做详细,给用户更多的参考意见。此功能完成后,用户日活应有一定程度的增长。

怎么开发小程序?

微信版本升级后,打开微信,点击底部的“发现”这个菜单项,就会发现升级后的“发现”菜单里,增加了“小程序”这样一个功能。

2.点击打开小程序后,可以看到有附近的小程序和我的小程序,附近的小程序是所在定位周边的小程序。

下面的小程序列表可以看到的是我们之前打开过的一些小程序,如果有自己觉得很好用的小程序就可以点击左上角,添加到我的小程序里面。

3.微信小程序还有具有搜索功能,打开搜索页面可以输入想要找的小程序。

微信小程序的登录和授权注意事项

 最近负责了一个微信小程序项目,在微信小程序的登录和授权上遇到了一些问题。项目结束后把遇到的问题整理了一下,希望能对大家有所帮助~

 关于游客模式,官方的说法是为了给用户提供更好的使用体验,不强制用户必须登录后才能进入小程序。如要求必须授权头像昵称等信息才能继续使用小程序,会导致某些用户放弃使用该小程序。

因此在小程序中上架审核时,多数情况下需要具有游客模式才能审核通过。

 所以产品同学在设计开放用户注册类型的小程序时,需要确定好哪些页面是游客可以访问的,哪些页面(功能)是必须登录后才能访问(使用)的哦。如果一开始没有确定好,后期再修改的话可能要面对开发同学们的怒吼了。

 在小程序的登录页面,需要提供 可取消 或者 拒绝登录 的按钮。如下图示:

 如果在登录页面没有取消按钮或者拒绝登录的按钮,提交审核的时候很有可能审核失败。

 微信官方为了用户隐私安全,在微信小程序中 获取用户绑定手机号 和获取 微信账号信息 的接口是分开获取的。意味着如果需要获取用户的手机号、头像和微信昵称,需要调用2个接口去分别获取相关信息。

 微信小程序中获取授权信息的接口需要通过 按钮 来触发,且每个按钮触发1次只能调用1个授权接口。所以如何优雅的获取用户的手机号和微信信息就是一个值得思考的问题。因为大部分小程序都是使用手机号码登录,所以我们需要考虑的问题其实是在哪一步获取微信授权信息。

 这里可以看一下美团小程序的逻辑:

团队内部沟通过之后觉得类似这种授权方式过于强硬,用户体验不太好。经过沟通后决定使用另外一种解决方案:

 当用户通过手机号码登录后系统会给用户一个默认的昵称和头像。登录后用户可以对昵称和头像进行自定义修改。(一般默认昵称采用“用户_XXXX”的形式,默认头像都是一样的。)

 当用户授权获取微信信息时我们会拿到用户的微信头像和昵称,这个时候需要判断下是否要替换用户现有的头像和昵称。此时对于用户修改过的部分是不能替换的,只能替换默认头像或默认昵称。为了区别用户自定义头像和昵称,采用了以下方案:

 微信头像也是同理。当用户头像为空时,默认使用系统默认头像。在获取微信信息后,需要判断用户头像是否为空:若用户头像为空,则将用户头像替换为微信头像。若用户头像非空,则不再进行替换。

小程序如果需要播放视频的话,需要添加类目“文娱-视频”才能成功通过审核。

需要注意的是添加文娱类目需要有相关的资质证明,如果没有添加对应类目,在审核的时候有可能不能通过哦~

Ps.如果你的小程序能够上传视频,但是没有添加对应的类目,建议在提交审核的时候删除掉所有的视频内容~

 以上就是这次在做微信小程序项目中登录和授权部分遇到了问题了,如果有遗漏或者不准确的地方希望大家能够不吝指教~

小程序内用户帐号登录规范调整和优化建议(官方文档链接)

小程序开发所有的流程?

小程序开发流程其实很简单,如下:

1、微信小程序注册

在微信公众平台注册小程序,完成注册后可以同步进行信息完善和开发。

2、微信小程序信息完善

填写小程序基本信息,包括名称、头像、介绍及服务范围等。

3、微信小程序开发

完成小程序开发者绑定、开发信息配置后,开发者可下载开发者工具、参考开发文档进行小程序的开发和调试。 

4、测试

在软件设计完成之后要进行严密的测试,一发现软件在整个软件设计过程中存在的问题并加以纠正。可以是开发人员内部测试(内测)或者交给客户的公开测试(公测) 。整个测试阶段分为单元测试、组装测试、系统测试三个阶段进行。

5、微信小程序提交审核和发布

完成小程序开发后,提交代码至微信团队审核,审核通过后即可发布(公测期间不能发布)。

像美团外卖这样的APP用一种开发语言,能开发得出来吗?

像美团外卖这样的APP用一种开发语言,能开发得出来吗?答案是不能。

美团发展到现在可以说已经是一个【巨无霸】了,里面集成了很多很多功能,除了核心的外卖,还有 旅游 、 娱乐 、购物、出行,金融等等业务线,那么这么多复杂的业务根本不可能用同一种开发语言实现。

那么美团都用到哪些开发语言和技术了呢?下面就根据我的理解详细说一下。

前端是把产品的核心服务交给用户的呈现者,它的表述方式、展示形式以及交互逻辑都跟用户息息相关,都影响着用户使用产品的体验,也就是说直接影响产品的用户留存。

前端开发主要分为三大类型:Andriod、IOS和PC(H5) ,Android开发语言是Kotlin和Java,IOS开发语言是Object-c和Swift,PC(H5)开发语言就比较杂了,有JS、CSS、HTML,还有很多第三方的前端框架,比如Angular.js、vue.js、Bootstrap、JQuery等等。

关于后端的功能,这一点可以说是众说纷纭,主要需要考虑的是如何实现功能、数据的交互流程和存取、平台的稳定性与性能等。

那么后端都用到哪些开发语言和技术呢?

根据后端技术选型的标准,后端可选的开发语言和技术是非常多的。

比如Java体系的话,可以选用SpringMVC、Spring cloud、Hibernate,Mybatis、Mysql、Redis、Memcache、zookeeper、Kafka......;

比如Python体系的话,可以选用Django、Flask、Tarnado、Web2py等,中间件都是通用的,Redis,MQ、MySQL、Kafka等都可以用在python体系中;

当然还有PHP、C、Perl等开发语言。

综上所述,美团这个巨无霸公司,随着业务线的扩展用到的技术肯定会越来越多,而且越来越复杂,技术快速变革的时代,适者生存的竞争性也会越来越激烈。

俗话说:罗马不是一日建成的,任何事都不可能一蹴而就,包含技术。在以后的发展中美团也会逐步更新自己的技术和开发语言的。

至少三种语言。后端一种语言(比如Java丶Go丶Python丶PHP等),后端语言及生态比较成熟。下面重点聊前端App开发。

前台两种语言(Android和iOS是不同的开发环境。比如Android用Java或者Kotlin,iOS采用Object C++或Swift),称之为Native开发。

当然创业公司可以用一种前端语言写App前端,这样就不需要Android和苹果分两种语言写,写一次代码可以编译成Android和iOS的App,现在通行的方案有Vue之类的DOM渲染模式,以及ReactNative方案(RN)。性能上RN优于DOM渲染但低于用Native开发的App。所以美团这种公司,一定是Native方式写App,但RN是初创项目不错的选择。

与RN竞争的还有一种新贵flutter,是google推出来的,但设计原理与RN不同,性能方面优于RN,只是目前生态不够健全,国内有闲鱼app是采用此技术。未来可能会占一席之地。

最后,其实App开发已经是强努之末,我觉得主流应该是朝PWA和小程序方向发展。

你好,开发譬如美团这种APP,用一种语言是实现不了的,一个APP有安卓和苹果两个操作系统,开发能在安卓iOS端应用的APP主流的开发语言和技术是很多的,如后台有JAVA、C++、PHP、Python等多种开发语言,前端有kotlin、HTML、css、jquery、ajax、bootstrap、angular.js、react、vue.js、node.js、swift、object-c等多种语言和框架。

一个APP的开发是需要前端技术和后台技术共同配合完成,这样的APP不论是功能还是性能都给用户很好的体验,单一开发语言毕竟技术支持有限,所以即使能开发出来,APP的用户体验也是不理想的。

一般APP有这几种开发组合模式:1、原生安卓iOS开发,前端:JAVA、kotlin、swift、object-c后台:JAVA、PHP、C++等后台技术,这种模式开发周期长,成本高,性能好;2、混合APP开发即hybrid app,前端以网页技术为主,穿插原生开发功能,兼具原生APP和web app的优点,如淘宝、微信等应用都是走的这个技术;3、web app,前端纯网页技术,后台为主流开发语言,这种模式开发速度快,成本低,界面体验可能弱一些。

可见开发一款APP大多数都是多种语言配合完成,谢谢阅读。

看完之前的评论,依然好奇为什么一个语言不能完全胜任。

前端跨平台的方案有react native,cordova,flutter等,如果需要兼容开发小程序,h5页面,可以采用taro来开发,一套代码,所有平台通吃。

后端的方案有服务端运行时nodejs,大数据背景下运用而生的数据库mobgodb,缓存解决方案redis,搜索工具elasticsearch,负载均衡ngix,基本上是需要什么就有什么

所以总结下来,一句话,一种语言可以实现类似美团这样的app和小程序。为什么美团使用的语言那么多,一大原因估计是美团app开发的早,当时前端技术不成熟,工具没现在这么多。

使用混合开发与C++ 进行跨平台开发,有好有坏。

C++ 进行跨平台开发

编写一次,随处运行。早在 2013 年,Dropbox 就采用上述策略进行移动开发,这背后的想法很简单:用 C++ 编写一次代码,而不是用 Java 和 Objective-C 编写两次。那时,整个移动工程团队相对还比较小,但需要支持快速增长的移动路线图。因此,公司希望找到一种方法,使这个小团队可以快速交付大量 Android 和 iOS 代码。

如今,Dropbox 完全放弃了这个策略,转而使用各个平台的原生语言(主要是 Swift 和 Kotlin ,这两种语言在刚开始制定移动策略时还不存在)。

Hybrid App混合开发

Hybrid App主要以JS+Native两者相互调用为主,从开发层面实现“一次开发,多处运行”的机制,成为真正适合跨平台的开发。Hybrid App兼具了Native App良好用户体验的优势,也兼具了Web App使用HTML5跨平台开发低成本的优势。

目前已经有众多Hybrid App开发成功应用,比如美团、爱奇艺、支付宝等知名移动应用,都是采用Hybrid App开发模式。

移动应用开发的方式,目前主要有三种:

几种模似都可以开发出应用,小应用无所谓,但是大流量应用,对图形要求高的如 游戏 等原生开发的效果还是最好

支付宝打开很慢,就是因为采用混合开发,使用人多了不如原生开发

不行的哦。任何你看到的应用和网页,都需要多个语言开发的,大的分比如前端和后端,用的语言都是不一样的

美团小程序开发文档的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于美团小程序开放平台、美团小程序开发文档的信息别忘了在本站进行查找喔。

扫码二维码