微信应用开放的服务和组件:「应用号」的新称呼

2021-04-19
来源:网络整理

微信应用程序的开放服务和组件包括以下内容:审查:

根据《微信小程序平台服务协议》,相关说明如下:

2. 4为确保微信小程序平台,微信公众平台和其他用户的安全,稳定和良好的用户体验,腾讯将审核需要发布的小程序。

“发布审核”是指由用户发起的将微型程序的初始开发提交给腾讯的用户,腾讯本身或第三方委托微型程序的合法性,合理性,安全性,稳定性和可用性。 。审查微信小程序开发支持php,筛选,测试和评估操作,用户体验和其他方面,包括但不限于开发信息验证,安全测试,UI测试,随机测试,动态测试,安全测试等。审核结果的发布包括两种类型:已批准和失败。如果审查失败,则无法释放该。

事后,对迷你程序的审查可能会采用与Apps相似的策略,但与对微信上其他平台的审查相比,每个人都是严格而复杂的。

教程:

微信应用程序帐户(小程序,新名称为“应用程序帐户”)终于在这里!它仍处于内部测试阶段,微信仅邀请了一些公司参加测试。大概每个人都在乎申请号的最终形式是什么样的?如何将“服务帐户”转换为“小程序”?让我们以一个第三方工具的简单示例为例,演示当前的开发过程。

好的,为了让所有人尽快看到本教程,博卡先生注定要熬夜!更新将于今晚开始,我希望明天早晨发布第一个教程!录制开始!看看几天之内是否可以完成转换!

前言

在开始开发应用程序编号之前,请看一下官方的“小程序”教程! (以下内容摘自微信正式发布的“小程序”开发指南)

本文档将带您逐步创建微信小程序,您可以在手机上体验小程序的实际效果。此小程序的首页将显示欢迎消息和当前用户的微信头像。单击该头像以在新打开的页面上查看当前的启动日志。

1.获取微信小程序

首先,我们需要有一个帐户。如果您可以看到该文档,则我们应该已经为您邀请并创建了一个帐户。请注意,服务帐户或订阅帐户不能直接使用。使用提供的帐户登录,您可以在网站的“设置”-“开发人员设置”中查看微信小程序。

注意:如果我们未使用注册时绑定的管理员微信帐户,则可以在手机上体验该。然后,我们还需要操作“绑定开发人员”。也就是说,在“用户身份-开发人员”模块中,绑定需要体验该的微信帐户。在本教程中,默认帐户注册和体验都使用管理员的微信帐户。

2.创建项目

我们需要使用开发人员工具来创建小程序并编辑代码。

安装开发人员工具后,打开并使用微信扫描代码以登录。选择创建一个“项目”,填写上面获得的名称,设置一个本地项目名称(而不是名称),例如作为“我的第一个项目”,然后选择一个本地文件夹作为代码存储目录,只需单击“新建项目”即可。

为了便于初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹为空文件夹,开发人员工具将提示是否需要创建项目。选择“是”,开发人员工具将帮助我们在开发目录中生成一个简单的演示。

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

3.编写代码

在开发人员工具的左侧导航中单击“编辑”,我们可以看到该项目已被初始化并包含一些简单的代码文件。最关键和必不可少的是app.js,app.json和app.wxss。其中.js后缀是脚本文件,.json后缀是配置文件,.wxss后缀是样式表文件。微信小程序将读取这些文件并生成小程序的实例。

让我们简要了解这三个文件的功能,以便从头开始修改和开发自己的微信小程序。

app.js是小程序的脚本代码。我们可以监视和处理的生命周期功能,并在此文件中声明全局变量。调用MINA提供的丰富API,例如本示例中的同步存储和同步读取本地数据。

//app.jsApp({ onLaunch: function () { //调用API从本地缓存中获取数据 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) }, getUserInfo:function(cb){ var that = this; if(this.globalData.userInfo){ typeof cb == "function" && cb(this.globalData.userInfo) }else{ //调用登录接口 wx.login({ success: function () { wx.getUserInfo({ success: function (res) { that.globalData.userInfo = res.userInfo; typeof cb == "function" && cb(that.globalData.userInfo) } }) } }); } }, globalData:{ userInfo:null }})

app.json是整个的全局配置。在此文件中,我们可以配置小程序组成的页面,配置小程序的窗口背景色,配置导航栏的样式以及配置默认标题。请注意,不能在此文件中添加任何注释。

{ "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle":"black" }}

app.wxss是整个的通用样式表。我们可以直接在页面组件的属性上使用app.wxss中声明的样式规则。

/×*app.wxss**/.container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box;}

4.创建页面

在本教程中,我们有两个页面,一个页面和一个日志页面,即启动日志的欢迎页面和显示页面。它们都在目录下。微信小程序中每个页面的[路径+页面名称]需要写在app.json中,并且第一页是小程序的主页。

每个小程序页面由四个不同的后缀文件组成,它们在同一路径下具有相同的名称,例如:.js,.wxml,.wxss,.json。后缀.js的文件是脚本文件,后缀.json的文件是配置文件,后缀.wxss的文件是样式表文件,后缀.wxml的文件是页面结构文件。

.wxml是页面的结构文件:

   {{userInfo.nickName}}   {{motto}} 

在此示例中,用于构建页面结构,绑定数据和交互式处理功能。

.js是页面的脚本文件。在此文件中,我们可以监视和处理页面的生命周期功能,获取实例,声明和处理数据以及响应页面交互事件。

//index.js//获取应用实例var app = getApp()Page({ data: { motto: 'Hello World', userInfo: {} }, //事件处理函数 bindViewTap: function() { wx.navigateTo({ url: '../logs/logs' }) }, onLoad: function () { console.log('onLoad') var that = this //调用应用实例的方法获取全局数据 app.getUserInfo(function(userInfo){ //更新数据 that.setData({ userInfo:userInfo }) }) }})index.wxss是页面的样式表:/×*index.wxss**/.userinfo { display: flex; flex-direction: column; align-items: center;}.userinfo-avatar { width: 128rpx; height: 128rpx; margin: 20rpx; border-radius: 50%;}.userinfo-nickname { color: #aaa;}.usermotto { margin-top: 200px;}

页面的样式表不是必需的。当存在页面样式表时,页面样式表中的样式规则将与app.wxss中的样式规则重叠。如果未指定页面的样式表,则也可以直接使用页面的结构文件中app.wxss中指定的样式规则。

.json是页面的配置文件:

该页面的配置文件不是必需的。当页面有配置文件时,页面上的配置项将覆盖app.json中的相同配置项。如果没有指定的页面配置文件,则app.json中的默认配置将直接在此页面上使用。

日志页面结构

  {{index + 1}}. {{log}} 

分享