微信小程序规范（微信小程序规范在哪里看）

本篇文章给大家谈谈微信小程序规范，以及微信小程序规范在哪里看对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、微信小程序的登录和授权注意事项
• 2、微信小程序来啦 关于它的使用你知道怎么操作吗
• 3、微信小程序服务类目及资质要求
• 4、微信小程序被封号微信会被封吗
• 5、微信小程序（上）
• 6、微信小程序开发的原则，规范和限制有哪些

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

微信小程序来啦 关于它的使用你知道怎么操作吗

今天凌晨刚过，此前传闻已久的微信小程序功能就正式的来到了大家面前。作为继公众号、服务号、企业号之后的微信又一重大功能，相信很多朋友都对它十分期待。那么小程序究竟是什么?怎么找到小程序?小程序有哪些使用技巧?小程序能否干掉APP?它又会为行业带来哪些改变呢?别着急，在接下来的这篇文章里，你将找到你想要的全部答案。

微信小程序

什么是小程序?

根据微信官方给这款产品的定义来看，微信小程序属于一种无需安装，即用即开的“手机应用”。用户通过扫描二维码、使用搜索功能以及点击朋友分享给自己的链接就可以进入小程序。不过值得注意的是，目前小程序还不支持分享到朋友圈。

从目前的使用上看，小程序在很多方面做得都十分接近APP。可以在桌面创建图标、支持后台单独显示、以及拥有美观的UI界面。

什么是微信小程序

如何找到小程序?

和传统的应用程序不同，小程序并不能在手机的应用商店中进行搜索。而其“父亲”微信内同样没有提供小程序商店的入口。那么，这样的情况下我们该如何找到小程序呢?

微信官方为我们提供了三种进入到小程序的方式。在知道小程序名字的时候，用户可以通过搜索功能直接对其进行搜索。而微信更希望的小程序使用场景则是通过扫码进入。例如：在公交站，你可以直接扫描站牌的二维码获取公交到达的时间信息等等。除此之外，微信还为用户提供了分享功能，当然，目前分享功能仅限分享给朋友或羣组，还不能分享到朋友圈。

如何找到微信小程序

当然，对于安卓用户来说，在小程序页面内也为用户提供了添加到桌面的选项，让用户可以更加方便的打开常用的小程序。微信内的“发现”当中，也为使用过的小程序提供了入口。

怎么使用小程序小程序使用技巧

事实上，小程序的使用逻辑与Apps的使用逻辑是相同的，小程序更像是轻量版的APP应用。不过值得注意的是，小程序本身的属性决定了它有着很多自己的特色。接下来，笔者就与大家一起聊一聊小程序的使用技巧。

如何使用微信小程序

安卓用户可将小程序发送到桌面

因为系统更加开放的原因，安卓用户将可以直接将小程序发送到桌面生成程序图标。根据笔者对小程序图标设计的观察，目前小程序和APP的图标设计存在着一定的区别。不过笔者还不确定究竟是巧合还是软件开发商的刻意为之。

如何将小程序发送到桌面

微信小程序图标有着非常统一的规范，每个小程序的图标都是菱角分明的正四边形。这一点与众多安卓浏览器“将图标发送到桌面”的功能十分相似。(图中第一排为小程序图标，第二排为浏览器书签图标，第三排为APP图标)

通过扫一扫功能打开应用不支持长按识别

为了增加与服务号之间的区分度，微信在入口、推荐方式等很多途径对小程序作出了限制。除了我们上文已经提到的不支持分享到朋友圈之外，微信甚至对于小程序通过扫一扫进入到方式也作出了限制。用户无法通过识别二维码的方式进入到小程序当中，而只能通过扫码的方式进入

小程序会消耗内存

我们都知道，无需安装，即用即开是小程序的一大优点。不过这并不意味着小程序可以逆天到不消耗资源。当我们使用微信打开小程序的时候，微信所占用的内存资源是会明显上升的。

小程序消耗的内存是多少

小程序的优势：没有恼人的通知

除此之外，没有恼人的通知同样是小程序的一大优势。举个例子，在不进行通知管理的情况下，微信视频在后台运行时视频内容推荐总会不时弹出。不过如果使用小程序，这些恼人的推荐内容就不会再出现了。不仅如此，可能是小程序推广期的原因，目前使用小程序观看视频即使不是会员也可以观看5s广告后跳过广告，体验更加出色。

目前小程序遍及的类目

目前， 微信官方已经开放了包括商业服务、公益、IT科技、餐饮、旅游、电商平台等18个大类的开发，通过微信小程序，我们可以完成购物、外卖、生活服务等一系列的活动。不过值得注意的是，很多人关注的“游戏”类目，目前还未开放，所以如果你想玩到小程序游戏，可能还要多等一等。

小程序优势

小程序干掉APP?

在小程序发布之后，有关小程序干掉APP的言论在互联网上可谓是层出不穷。那么接下来，我们就也来谈一谈，小程序究竟能否干掉APP。

在笔者前段时间有关小程序的文章中就曾提到：小程序更像是基于H5的“云应用”，而随着云技术的逐渐普及，云应用会是未来几乎已无悬念。不过，要说微信小程序将会干掉APP们，笔者依旧认为是一个“伪命题”。

首先，微信本身的属性就已经限制了它成为“革命者”的可能。就目前而言，微信本身仍然在APP的范畴之内;而且，虽然在国内应用领域微信几乎有着最强的号召力和影响力，但是想要靠其一家干掉APP，依旧是一件不可能的事情。

而另一方面，其实在此之前，例如火狐FireFox OS、Google Chrome OS、阿里YUNOS，已经有很多举足轻重的互联网公司正在OS领域对云应用进行探讨了。不过由于云计算能力和网络方面的限制，目前还没有一家称得上成功。FireFox OS前年末已经“牺牲”，YUNOS的云端应用被压缩在一个最左屏内，仍需兼容Android生存，Chrome OS设备虽有所增长，但归其原因更多的是因为价格低廉。

综合来看，似乎在目前的环境下讨论“云应用”普及，还为时过早。

● 小程序会带来哪些改变?

那么，既然不能干掉APP，小程序又能带来哪些改变呢?难道小程序的作用真的仅限于“拯救16GB iPhone”吗?笔者认为，微信小程序的到来至少会带来下面两点影响：

创业者新的狂欢

毫无疑问，对于很多创业者来说，小程序将会成为他们新的创业风口。依托着微信背后巨大的流量资源，风口上的小程序开发者极有可能会成为下一批“飞猪”。对于开发者而言，小程序拥有更低的开发时间和人力资本，简单来说就是“省钱”，而且它还更容易更新和维护，微信方面对于小程序的政策也十分适合创业者们：修改无需等待审覈，迭代后马上能看到效果，这又为开发者省去了很多麻烦和时间成本。

其实，这样的桥段在此之前的公众号和服务号上就曾上演过。每一次新的东西出现总会有一批抓住红利获得成功的人。小程序自然也是其一。

H5技术的普及

除此之外，笔者认为小程序可能会带来的另一大影响则在HTML5技术上。微信小程序是基于H5开发的程序，但用了类似于JS-SDK的框架(百度以前是clouda框架)，提供了更多的接口和组件，让程序更加流畅，体验接近原生APP(Native App)。从根本上讲，小程序虽然不是H5，但却与H5有着千丝万缕的联系。

依靠着微信的影响力，小程序或可以让如今混乱和普及度不高的H5技术变得更加规范和大众化。这一点无论对网页技术的发展，还是对于未来云应用的普及，都是强有力的助燃剂。

后序：致敬苹果的微信小程序

微信小程序服务类目及资质要求

    随着微信小程序的大热，越来越多的企业也都投入到小程序的制作中。用户流量入口多样化，小程序的资质要求其实比公众号更为严格，很多企业也发现，自己提交的小程序总是审核不通过，有些可能是小程序自身的问题，有一些是因为服务类目不符合或者没有提交相关资质。所以我们在小程序制作前就应该仔细了解小程序的各个服务类目及资质要求，要符合小程序的各个规范，这样才能可能快的通过审核。

一个微信小程序最多关联5个服务类目，一个月内可申请修改3次。

类目资质：小程序对一些服务类目的资质要求比公众号多，甚至高于APP发布，不要试图关联无资质要求的类目A，却跨界做了类目B的事情无法上线或被下线。

互联网软件和服务：

一些类目要求两证二选一：《增值电信业务经营许可证》，《电信与信息服务业务经营许可证》，对于创业企业和中小团队会是门槛。

生活服务/工具类目：比较开放，对特殊资质无要求。

社交类目：普遍要求两证选一：《增值电信业务经营许可证》，《电信与信息服务业务经营许可证》，很多应用服务即便不是纯社交，但若带有社交属性，要特别注意审核规则。

富媒体类目：内容形式与相关资质要求，内容创业和内容服务需要关注，比公众号资质要求多。

   电商/店铺：商家自营线上和线下店铺，除食品保健等既有资质，无其它特殊要求；但是对平台电商要求两证选一《增值电信业务经营许可证》，《电信与信息服务业务经营许可证》。

 医疗/金融业类目：既有的行业管制和资质，小程序也有相关审核要求。

微信小程序被封号微信会被封吗

不会，微信小程序可能会因为以下情况而被封禁：

1.违反了微信小程序开发规范：微信小程序有严格的开发规范，如果你的小程序违反了这些规范，它可能会被封禁。

2.违反了相关法律法规：如果你的小程序违反了相关法律法规，比如发布违法信息或者侵犯他人版权，那么它很可能会被封禁。

3.滥用微信平台：如果你的小程序滥用了微信平台的资源，比如频繁发送垃圾信息或者恶意刷流量，那么它也有可能被封禁。

4.其他原因：微信小程序也可能因为其他原因而被封禁，比如存在安全漏洞或者被恶意攻击等。

总之，为了避免小程序被封禁，你应该遵守微信小程序的开发规范，遵守相关法律法规，合理使用微信平台的资源，并保证小程序的安全性。

微信小程序（上）

注册开发者账号：

安装小程序开发工具：

创建项目

pages目录：用于存放所有的页面。

utils目录：用于存放工具类文件。

app.js：是入口文件，程序在运行时，首先要执行该文件。

app.json：是全局配置文件，用于配置小程序的信息（它里面配置的是全局信息）。

app.wxss：是全局样式文件。全局样式文件里面定义的选择器，在所有的页面中生效。

project.config.json：是项目配置文件。

sitemap.json：是SEO配置文件，方便用户搜索到该小程序。

（1）pages配置项

pages里面注册的是视图。用于指定小程序由哪些页面组成，每一项都对应一个页面的路径（含文件名）信息

（2）window配置项

window 是全局窗口配置。

backgroundTextStyle 设置文本样式（下拉loading的样式），仅支持 dark / light。

navigationBarBackgroundColor 设置导航栏背景。

navigationBarTitleText 设置导航栏文本。

navigationBarTextStyle 设置导航栏标题颜色，仅支持 black / white。

（3）style

style 设置样式级别，默认是v2。

（4）sitemapLocation

sitemapLocation 指明sitemap.json 的位置；默认为 'sitemap.json' 即在 app.json 同级目录下名字的 sitemap.json 文件。

每一个页面由四个文件组成：xxx.wxml文件、xxx.wxss文件、 xxx.js文件和xxx.json文件。

（1）xxx.wxml文件

xxx.wxml文件，就相当于一个html文件。在wxml文件中，不能写传统的html标签，只能写微信提供的组件。

① view组件

相当于div标签。

② text组件

相当于span标签。

③ swiper

swiper是滑块视图容器，它里面只能放swiper-item组件。

swiper组件的常用属性：

circular是衔接滑动

autoplay是自动切换

interval是自动切换时间间隔

indicator-dots是否显示面板指示点

indicator-color指示点颜色

indicator-active-color当前选中的指示点颜色

④ image

image是图片组件，最好全部采用网络图片，因为小程序的总体积不允许超过2MB。

（2）xxx.wxss文件

xxx.wxss文件，就相当于一个css文件。在wxss文件中，最好不要写标签选择器和id选择器，统一写类选择器。

为了让小程序里面的内容在各种设备上能够自适应显示，微信推出了响应式单位：rpx。在iphone6中，2rpx=1px。

（3）xxx.js文件

xxx.js文件，是交互文件（核心文件）。

Page()函数，返回页面对象，该函数需要传一个配置参数，这个配置参数是一个对象。在这个配置对象中，定义当前页面的所有内容。

① data

定义页面的数据。

② 自定义函数

开发者可以添加任意的函数或数据到Object 参数中，在页面的函数中用this可以访问。

（4）xxx.json文件

xxx.json文件，是页面的配置文件（它里面配置的是当前页面信息）。

WXML 中的动态数据均来自对应 Page 的 data。

（1）获取data中数据

通过插值表达式{{}}，可以显示js里面定义的data里面的数据。

（2）组件属性(需要在双引号之内)

（3）运算

可以在{{}} 内进行简单的运算。

① 三元运算

② 逻辑判断

bindtap是触屏事件，其实就是相当于网页中的点击事件。

小程序中bindtap绑定方法时不能传参数。所以组件通过data-xxx传递数据。

注意： 自定义属性的命名用驼峰或者大写命名，小程序内部会自动转成小写。

8、setData()方法

setData()方法，更新页面中数据。页面数据更新后，调用setData()方法重新渲染到页面。

wx:for指令用于循环数组数据，生成组件。

循环出来的每一项通过item返回，每一项对应的索引，通过index返回。

wx:key=""，设置每一项唯一的标识。循环列表时，添加wx:key的好处是，将来列表发生变化时重新渲染列表的损耗为更低。

条件渲染可以使用wx:if或hidden。

一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx:if 较好。

wx:if用于条件渲染：条件为真生成里面的内容，条件为假不会生成里面的内容。（每次重新生成内容）

也可以用wx:elif 和 wx:else 来添加一个 else 块。

hidden用于条件渲染：条件为真隐藏里面的内容，条件为假显示里面的内容。（每次切换样式）

在app.json文件中添加tabBar节点。tabBar是小程序客户端底部或顶部tab栏的实现。

color：tab上的文字默认颜色，仅支持十六进制颜色。

selectedColor：tab上的文字选中时的颜色，仅支持十六进制颜色。

backgroundColor：tab的背景色，仅支持十六进制颜色。

borderStyle：tabbar上边框的颜色， 仅支持 black / white。

position：tabBar的位置，默认值是: bottom，仅支持 bottom / top。当 position 为 top 时，不显示 icon。

custom：自定义tabBar。

（2）list

list：tab的列表。

list 接受一个数组，只能配置最少 2 个、最多 5 个 tab。

pagePath：页面路径，必须在pages 中先定义。

text：tab 上按钮文字。

iconPath：图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。selectedIconPath：选中时的图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。

（1）跳转普通页面

方法① navigator组件

方法② navigateTo()方法

navigateTo()方法，用于跳转普通页面。

（2）跳转tabBar页面

方法① navigator组件

如果要使用navigator组件跳转tabBar页面，需要设置open-type="switchTab"。

方法② switchTab()方法

switchTab()方法，用于跳转tabBar页面。

title：提示的标题

content：提示的内容

success：接口调用成功的回调函数。回调函数中的confirm属性返回true，表示点击的是确定按钮，否则是取消按钮。

title：提示的内容

icon：图标

duration：消息提示框的显示时间

mask：是否显示透明蒙层，防止触摸穿透

模块化语法有两种：① commonjs规范，② es6规范。

nodejs环境采用的就是commonjs规范。采用exports 或 module.exports 导出成员，采用require() 导入成员。

微信小程序支持commonjs规范，同时还支持官方的ES6规范。ES6规范采用export 导出成员，采用import 导入成员。

将封装的方法放到util目录下的js文件中。可以新建js文件，也可以写在直接util.js文件中。

（1）确认框方法

定义确认框方法，并导出

（2）消息框方法

定义消息框方法，并导出

（3）获取事件参数的方法

import是ES6的导入语句。

wx对象是微信小程序的全局对象，在任何地方都可以使用。

（1） 注册语句

（2） 在app.js入口文件中导入

注意： 注册给wx对象的方法，需要在app.js文件中导入，才可使用。

（3） 调用方法

wx.方法名(参数)

微信小程序开发的原则，规范和限制有哪些

小程序开发应该遵循从简原则，尽可能严格意义上的按照客户的要求以及想法来进行相关功能的开发，除非是客户在开发的过程中有特别强调的，不然自作主张很容易跑题的，这样造成了后期功能的没办法闭环使用。小程序开发应该严格把控开发进程，严格按照合同期限进行相关功能的开发和推荐，除非有一些特殊情况下的影响下，可以跟客户商量小程序开发的延期以及具体时间。【点击查看小程序开发底价】

想要了解更多有关小程序开发的相关信息，推荐咨询猪八戒网。猪八戒网成立于2006年，是中国领先的企业服务平台，服务交易独角兽企业。猪八戒网现有注册用户2800万、在全国布局线下数字化创业园区超过100个。十余年来，累计有10万余个人通过平台孵化成长为公司，超过100万人通过平台实现灵活就业，千万企业通过平台解决专业服务需求；专业性值得选择。

关于微信小程序规范和微信小程序规范在哪里看的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。