最新公告
  • 欢迎您光临欧资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 《产品经理如何搭建一个微信小程序》的讲解?

    产品经理如何搭建微信小程序-入门1、前言

    大家好,今天为大家带来《如何打造产品经理微信小程序》的讲解。

    本文适合工作1到2年,有一定产品基础,但从未接触过微信小程序,希望进入微信小程序产品设计的产品经理。

    整个文章系统分为四个部分,如下表所示。

    本文将以一个实际的“微信活动注册流程”为例进行讲解,在讲解过程中,会根据实际产品设计中使用的相关理论和产品方法进行产品分析。

    学习完成后,可以熟悉产品分析方法和实现策略,掌握从0到1构建微信小程序的产品技巧。同时,在以后的实际工作中,也可以借鉴一个案例的推论,对新产品的设计和实现有很强的借鉴和参考价值。

    在讲解产品之前,先给大家展示一下微信活动注册小程序。您可以在微信小程序中搜索“蜜聊阅读”免费体验。方便大家直观体验产品示例。

    2、小程序定义

    小程序对大家来说不再陌生。它是在微信内部运行的功能性应用程序。使用时无需安装新应用,在微信中打开即可使用。对于小程序来说,微信就是它的“容器”,而这个“容器”里面包含着各种各样的小程序。用户可以根据需要扫码、搜索或其他用户的推荐,从微信打开自己需要的小程序,满足自己的实际需求。使用后只需合上即可,不会占用手机空间。

    对于应用商来说,由于小程序在微信中很容易获取和传播,是商家争夺用户的一个很好的“战场”。可以关联商家的服务号和订阅号,也可以将小程序的二维码嵌入文章中,让用户“所见即所得”。与手机应用相比,小程序的开发、用户获取和传播成本更低。

    小程序的适用范围,正如张小龙在最初的演讲中提到的,微信不会为小程序提供专门的应用商店,也不与用户有订阅关系,也不向用户推送消息,也不向用户推送消息。它制作游戏。所以,如果一开始想通过小程序做游戏,显然不太适合,需要研究微信小游戏产品才能实现。

    3、开发前的准备

    在开发小程序之前,应该做一些准备工作:

    (1)小程序注册

    您可以登录微信平台:

    点击“立即注册”后,选择要注册的账户类型为“小程序”。

    使用您的邮箱账号,填写基本注册信息,完成注册。需要说明的一个细节是每个邮箱只能申请一个小程序。

    目前,小程序开放注册账号的主要类型有:个人、企业、政府、媒体和其他组织。

    (2)开发工具

    开发微信小程序,使用微信提供的IDE(集成开发环境)。这个IDE经历了几次迭代,功能和稳定性都比原来的版本好很多。但是,还有很多地方需要改进。我们也相信随着不断的发展,这个IDE会越来越强大,微信小程序的开发也会越来越流行。

    由于开发工具不断升级,这里就不过多介绍了。可以在微信平台下载最新版IDE进行体验。

    4、小程序配置

    下载IDE后,使用注册账号登录IDE,即可开始微信小程序产品的开发。小程序的运行离不开小程序各种参数的配置。各种配置参数定义了小程序在运行过程中的各种属性和方法。

    (1)全局配置

    全局配置通过“app.json”文件进行配置。在这个配置文件中,页面文件的路径是确定的,也就是说小程序中要运行的所有页面都需要在这里配置。主要配置参数为:pages,格式为:

     "pages": [
        "pages/index/index"
      ],
    

    窗口性能,设置网络超时,设置多个选项卡。涉及20多种配置。详情请访问“ ”了解详情。

    (2)页面配置

    页面配置,主要配置页面的相关参数,比如导航栏的标题颜色、标题栏的内容、是否开启当前页面下拉刷新等。可以在配置对应页面每个页面下的“XX.json”文件。详细配置项请参考官方文档“ ”

    不过这里有一个细节需要注意,页面中的配置项会覆盖当前页面“app.json”中的“window”(window用来设置状态栏、导航栏、标题、窗口背景)小程序的颜色。)在参数中相同的配置项。也就是说,你在“app.json”中的“window”配置项中将窗口背景颜色设置为黄色,而在另一个页面中,在“window”配置项中将窗口背景颜色设置为绿色,那么这个页面窗口背景颜色将为绿色。

    (3)站点地图配置

    众所周知,微信在小程序内提供了搜索功能。是否允许小程序及其页面被微信索引的配置主要通过程序根目录下的sitemap.json文件进行配置。配置文件的内容是一个 JSON 对象。如果要检索自己开发的applet的某个页面,可以在“rules”中配置为:[“action”:“allow”]。没有sitemap.json,默认允许所有页面被索引。详细的配置规则可以访问“#rules”

    5、小程序文件

    小程序程序相关的文件主要有WXML(微信标记语言)、WXSS(微信样式表)、JS和JSON。json之前已经介绍过,主要是里面有一些配置参数。接下来,我们将分别介绍它们。

    (1)WXML

    主要用于小程序的页面显示。在实际小程序开发中,需要结合基础组件和事件接口来构建页面结构。也就是你想在这个页面展示什么内容,和用户有什么交互,比如常用的信息录入、表单提交、下拉刷新等。主要提供数据绑定、列表渲染、条件渲染、模板和参考。

    (2)WXSS

    如果您了解Web 产品开发,那么了解WXSS 并不难。简单来说,WXSS是一种风格语言,类似于Web中的Css,用来描述小程序组件的风格。比如你定义的按钮是蓝色还是绿色,长宽是多少,使用什么字体等等。语法类似于Css。这部分大家在实际开发中用到的细节可以继续深入钻研。作为初学者,我们首先需要知道 WXSS 是做什么的。

    (3)JS 和 JSON

    JSON是关于页面各个参数的配置,这里就不多说了。JS也比较容易理解,主要承载业务逻辑。比如你提交表单信息,这个信息要提交到哪个服务器,下拉刷新从服务器获取什么数据。这些功能逻辑都在 JS 中。这就需要大家对JS的语法有一定的熟悉了。

    6、主界面说明

    微信小程序的接口很多,我也相信随着微信小程序功能的不断完善,接口会越来越多。作为介绍,我们将根据要搭建的“微信注册小程序”的案例,介绍我们在实战过程中需要用到的主要接口。让大家先有个大概的概念,然后随着学习的不断深入,继续掌握更多的接口。

    (1)登录认证

    主要涉及【wx.login】微信登录界面和【auth.code2Session】登录凭证验证。[wx.login] 用于获取登录凭据。小程序调用微信登录接口。如果调用成功,微信会将用户的登录凭据返回给产品服务器。此凭证仅在 5 分钟内有效。产品服务器需要获取微信返回的登录凭证,调用[auth.code2Session]获取用户。OpenID 和会话密钥 session_key。需要注意的是,小程序下每个微信用户每分钟最多可以调用[auth.code2Session] 100次,超过限制后微信小程序后台会反馈“45011”错误码。

    (2)检查登录状态是否过期

    检查登录状态是否过期【wx.checkSession】用于判断用户登录的有效性。如果用户经常使用小程序,则会话始终有效,如果长时间不使用,则会话无效。到期后,用户需要重新登录。这是一个细节。调用登录凭证验证[auth.code2Session]会返回openid、session_key和unionid三个值。特别注意的是unionid可以用来区分用户的唯一性。这种独特性在整个微信系统中是独一无二的,包括网站、公众号和应用程序。对于同一个用户,unionid 是唯一的。如果您的产品涉及多个腾讯应用的登录,为了方便用户关联,可以使用用户unionid进行统一用户识别。

    (3)用户信息

    在实际使用中,我们会要求用户提供信息授权,我们设计的小程序产品可以从微信后台获取用户的性别、地区、昵称等信息,无需用户手动输入。以前是通过[wx.getUserInfo]接口来获取用户信息的。最新版本推荐微信小程序使用【wx.getUserProfile】获取用户信息。

    (4)底部加载

    我们要开发的微信活动注册小程序会涉及到信息列表的翻页微信小程序code无效,也就是我们经常操作其他产品。查看信息并滑动到底部后,将自动加载信息。也就是当我们浏览到最底部的信息时触发。这时候就需要用到[onReachBottom]函数了。使用起来很简单,我们只需要定义[onReachBottom]要执行的函数即可。是否已经触底,微信小程序会帮助我们自行判断。

    (5)数据缓存

    数据缓存涉及许多接口。这次我们主要介绍数据存储[wx.setStorageSync]和读取[wx.getStorageSync]两个接口。使用这两个接口主要是帮助我们存储用户登录后获得的Token,然后读取来验证用户的身份。无需每次都频繁调用微信的用户登录界面。提高产品运营效率。这里需要注意一个细节微信小程序code无效,单个key允许存储的最大数据长度为1MB,所有数据存储的上限为10MB。这一点在设计和实现小程序产品时需要注意。

    7、总结

    今天给大家讲解一下小程序的简要定义、开发前的准备、小程序的配置、小程序的主要文件和小程序的主界面。相信大家对小程序有了初步的了解。其实,虽然大家都觉得小程序好用,但是真正去实现,把小程序产品做好是非常困难的。涉及很多产品细节。并且随着业务场景和需求的不断增加,小程序提供的功能也将越来越丰富。这也需要不断的学习。希望这篇文章能启发他人,激发大家对小程序产品的热情。未来会有越来越多优秀的小程序产品经理,

    #专栏作家#

    王嘉良,微信公众号:嘉嘉原创,大家都是产品经理专栏作家。中国计算机学会(CCF)会员,专注于互联网产品、金融产品、人工智能产品的设计理念分享。

    站内大部分资源收集于网络,若侵犯了您的合法权益,请联系我们删除!
    欧资源网 » 《产品经理如何搭建一个微信小程序》的讲解?

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    欧资源网
    一个高级程序员模板开发平台

    发表评论