首页小程序开发正文

微信小程序开发调试中（小程序开发真机调试）

小程序开发 2023-01-24T04:19:10 1565

本篇文章给大家谈谈微信小程序开发调试中，以及小程序开发真机调试对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。本文目录一览： 1、微信小程序真机调试 202:net::ERR_CERT_AUTHORITY

本篇文章给大家谈谈微信小程序开发调试中，以及小程序开发真机调试对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

1、微信小程序真机调试 202:net::ERR_CERT_AUTHORITY
2、微信开发者工具中调试器旁边显示的是什么
3、微信小程序开发是什么
4、微信开发工具调试小程序一直转圈怎么回事
5、微信小程序如何开发
6、微信小程序真机调试时后台是本地服务器，显示“未能连接到服务器”

微信小程序真机调试 202:net::ERR_CERT_AUTHORITY

微信小程序开发过程中，在开发者工具中正常，但是在真机调试中出现202:net::ERR_CERT_AUTHORITY，以上情况发生在安卓系统，iOS系统未测试，但是根据微信开放社区的这个提问，真机调试报错 request:fail -202:net::ERR_CERT_AUTHORITY？ , 苹果系统应该是没有问题的。

本解决方案不一定适用于所有的以上报错，在看决绝方案前请先确认以下情形：

通过搜索 202:net::ERR_CERT_AUTHORITY ，会发现网上大部分是Chrome浏览器出现该问题，而解决方案大都只想证书，以此为切入点，再结合服务器的配置情况，推测是安卓系统的微信对通配证书的支持存在问题导致的，有了思路后就开始实践一下。

以上问题的产生不清楚是不是安卓系统对通配证书的支持存在缺陷导致的，到了这个层面有些超出我的知识范畴了，在此不乱推了。

另外吐槽一下微信，证书问题为什么返回的是202，起码应该是4XX啊......

微信小程序开发调试中（小程序开发真机调试）

微信开发者工具中调试器旁边显示的是什么

微信开发者工具区域构成

调试器区域各个面板的功能

Wxml面板：用于帮助开发者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性，还可以查看数据是否渲染到页面的代码上。同时可以通过修改对应的代码，在模拟器中实时看到修改的情况（仅为实时预览，无法保存文件）。通过调试器区域左上角的选择器，还可以快速找到页面中组件对应的 wxml 代码。

Console面板：可以用来显示小程序的输出信息、出错信息等，还可以在控制台中输入build（编译小程序）、preview（预览）、upload（上传代码）、npm（包管理）等命令，执行URL的代理使用情况的checkProxy（URL）命令。

AppData面板：用于显示当前项目运行时小程序 AppData 具体数据，实时地反映项目数据情况，可以在此处编辑数据，并及时地反馈到界面上。

Sources面板：用于显示当前项目的脚本文件，与浏览器开发不同，微信小程序框架会对脚本文件进行编译，所以在 Sources 面板中开发者看到的文件是经过处理之后的脚本文件，开发者的代码都会被包裹在 define() 函数中，并且对于 Page（页面）代码，在尾部会有 require 的主动调用。

Storage面板：用于显示当前项目的使用 wx.setStorage() 或者 wx.setStorageSync() 后的数据存储情况。可以直接在Storage面板上对数据进行删除、新增、修改。

NetWork面板：用于观察发送请求（request）和调用文件（socket）的信息和具体情况。

Audits面板：可用来在小程序运行过程中实时检查，分析出一些可能导致体验不好的地方，并定位出哪里有问题，以及给出一些优化建议。

Security面板：用于调试当前程序的安全和认证等问题，并确保已经在程序上正确使用Https。

Sensor面板：可以在这里选择模拟地理位置（纬度、经度、速度、精确度、高度、水平、精确度、垂直精确度等地理定位信息和方向定位信息）；模拟移动设备表现，用于调试重力感应API。

Trace面板：实现对不同设备的监测

微信小程序开发是什么

问题一：微信小程序开发可以实现哪些功能微信小程序的开发可以实现的功能很多，具体如下：

微信小程序（应用号）就是用户关注了一个应用号，就像安装了一个App一样。这样微信将被打造成一个全新的appstore，而每一个应用号就是一个个的webapp。

怎么理解这个概念？

下载安装 app 太麻烦了，微信的小程序就可以满足你；安装 / 卸载 / 使用小程序，就像关注 / 取关 / 进入公众号一样简单；你用完就可以走，不用担心装个 app 占你空间。

微信小程序（应用号）有几个功能？

1、微信小程序（应用号）能实现对App个性功能的完美支持。这项服务就是将App的独立功能通过微信应用号开放到微信生态里，供微信用户调用；如果有可能的话，未来微信应用号或许能提供一套接入系统，直接实现App功能的复制。

2、微信小程序（应用号）能实现对App开发者、运营者的友好接入，降低二次开发门槛；将有可能对开发者运营者开放更多资源，建立微信开发者生态。

3、赋予微信用户更灵活的功能获取与组合，让用户自己拼凑出一个符合自己使用的超级App。自动脑补一下：以后想要什么功能，在微信应用号里面搜出来，挂到微信上，不需要的就卸载掉。

4、打通微信与其他应用的账号体系，App自己做功能，基于微信做运营。

现在大多数App转到微信里的分享链接都不能直接打开，需要下载App后使用。应用号出来以后可能就不用这么麻烦了，看到朋友圈里谁分享的东西好玩，打开链接功能一键添加，完全不用费力气去跳转安装。

微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。以后我们不需要再安装那么多APP了，一个微信，就可以囊括我们生活中几乎所有的应用。

问题二：怎么进行微信小程序开发设计在进行微信小程序开发之前，你首先需要一个微信小程序账号，才能进行开发设计。

点击公众平台的链接，正登陆和注册之间，选择注册。你会看到有好几个选择，如订阅号、企业号、服务号和小程序，选择小程序点击确定；

小程序注册的前提是，没有注册过任何的微公众平，如未注册过订阅号、服务号之类的。邮箱要求也是“未被公众平台注册，未被开放平台注册，未被个人微信号绑定的邮箱”；

根据自己的信息，进行邮箱的填写和密码的输入。如果邮箱正确就没有错误提示，在明确密码以及重复确认密码之后，输入验证码，勾选协议就可以实现注册；

在点击注册之后，会有一个邮箱的验证，登录邮箱，在收件箱你会看到一个weixinteam的邮件，打开，点击验证链接。

点击验证链接之后，会直接跳转到注册的第三步，信息的登记填写，选择相应的小程序主体类型，可以看到只有四个选项，选择；

主体选择类型之后，可以看到需要类型、名称、营业等。如果是个人的话，可以随便写一下，到时候会验证失败，不影响小程序的测试，直接进行下面管理员信息登记；

在管理员身份认证的时候，需要填写身份证、姓名、手机号、以及手机号验证和微信管理员的身份验证等。

点击确定之后，会弹出一个信息确认的消息（一经确定就不能更改的消息）。然后点击确定，就会告诉你信息填写完整，但是审核还未通过，但是可以测试小程序了。

进入主体之后，就可以各种测试、开发小程序了。当然如果上线测试的话，还是需要验证通过才可以。

问题三：微信小程序怎么开发?用的是什么开发语言? 30分微信小程序?跟现在做微信互动游戏一样的呀?前端h5?后台一般就用php就行了这两个技术简单，功能上也能满足需求。

问题四：微信小程序的开发语言是什么？微信小程序跟现在做微信互动游戏一样的呀前端h5 后台一般就用php就行了这两个技术简单，功能上也能满足需求。

问题五：微信小程序开发类型有哪些生活服务类的大多都适合

问题六：微信小程序是什么？微信小程序有什么用微信小程序是一种不需要下载安装即可使用的应用。特点：

它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。

也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。

应用将无处不在，随时可用，但又无需安装卸载。

然而微信应用号要能获取足够多的用户，还得要开发者的支持。毫无疑问，开发者将是微信应用号的最大获益群体。对于开发者而言，应用号可以节省开发成本，并且可以提升研发效率，开发人员只需要研发出一款适用于浏览器应用的产品，就可满足不同操作系统的使用需求。

问题七：微信小程序怎么开发微信小程序开发教程分享微信应用号（小程序，「应用号」的新称呼）终于来了！

目前还处于内测阶段，微信只邀请了部分企业参与封测。想必大家都关心应用号的最终形态到底是什么样子？怎样将一个「服务号」改造成为「小程序」？

我们暂时以一款简单的第三方工具的实例，来演示一下开发过程吧。

序言

开始开发应用号之前，先看看官方公布的「小程序」教程吧！（以下内容来自微信官方公布的「小程序」开发指南）

本文档将带你一步步创建完成一个微信小程序，并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像，点击头像，可以在新开的页面中查看当前小程序的启动日志。

1. 获取微信小程序的 AppID

首先，我们需要拥有一个帐号，如果你能看到该文档，我们应当已经邀请并为你创建好一个帐号。注意不可直接使用服务号或订阅号的 AppID。利用提供的帐号，登录 mp.weixin.qq ，就可以在网站的「设置」-「开发者设置」中，查看到微信小程序的 AppID 了。

注意：如果我们不是用注册时绑定的管理员微信号，在手机上体验该小程序。那么我们还需要操作「绑定开发者」。即在「用户身份-开发者」模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。

2. 创建项目

我们需要通过开发者工具，来完成小程序创建和代码编辑。

开发者工具安装完成后，打开并使用微信扫码登录。选择创建「项目」，填入上文获取到的 AppID，设置一个本地项目的名称（非小程序名称），比如「我的第一个项目」，并选择一个本地的文件夹作为代码存储的目录，点击「新建项目」就可以了。

为方便初学者了解微信小程序的基本代码结构，在创建过程中，如果选择的本地文件夹是个空文件夹，开发者工具会提示，是否需要创建一个 quick start 项目。选择「是」，开发者工具会帮助我们在开发目录里生成一个简单的 demo。

项目创建成功后，我们就可以点击该项目，进入并看到完整的开发者工具界面，点击左侧导航，在「编辑」里可以查看和编辑我们的代码，在「调试」里可以测试代码并模拟小程序在微信客户端效果，在「项目」里可以发送到手机里预览实际效果。

3. 编写代码

点击开发者工具左侧导航的「编辑」，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js 后缀的是脚本文件，.json 后缀的文件是配置文件，.wxss 后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。

下面我们简单了解这三个文件的功能，方便修改以及从头开发自己的微信小程序。

app.js 是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用 MINA 提供的丰富的 API，如本例的同步存储及同步读取本地数据。

app.js App({

onLaunch: function () { 调用API从本地缓存中获取数据 var logs = wx.getStorageSync('logs') || []

logs.unshift(Date.now())

wx.setStorageSync('logs', logs)

......

问题八：为什么要做微信小程序开发服务号无法解决高频使用的问题

按照微信的期待，订阅号本应为用户提供内容，但被玩出了各种营销和电商的花；服务号本应为用户提供各种服务，但真正做起来的服务号却少之又少，你可能听说过不少 VC 投资订阅号，但很少有 VC 投资服务号。

服务号发展得并不好。大多数服务号只是在做替代短信的推送服务和低频服务。

比如，被视作经典案例的招商银行信用卡公众号，用户的使用场景以收通知为主，它只不过替代了刷卡短信通知，其它功能很少被用到。

不妨想想我们为什么会下载一个产品的 app，而不用它服务号里一模一样的功能：

体验差，HTML 的体验比不上原生、流畅性差

层级多，App 一打开就是服务目录，服务号需要多进至少一层

对网络过于依赖，没有网络，服务号无法使用

对于低频使用的场景，即使体验差、层级多、每次都需要联网，用户是可以忍受的，比如查询信用卡额度，这种行为可能每个月只有一两次，即使网页的体验很差，但我们能忍受。

但对于高频使用场景，比如文档编辑，我们每天可能需要使用很多次，这时我们对体验、速度、稳定性显然有更高的要求，服务号和 HTML 并不能完美满足这些要求。

矛盾来了，微信希望第三方用服务号来为用户提供服务，但从功能层面，服务号却只解决了低频服务的需求，高频服务用户依然需要下载 app。

这时，微信需要提供另一种能力，来满足高频服务的需求。

微信想成为唯一的入口

为什么微信非要满足高频服务的需求？

因为商业是贪婪的，商业的最终目的是垄断。

8 亿活跃用户对微信来说是不够的，一天只占用用户 4 个小时对微信来说也是不够的，光提供信用卡消费通知对微信来说还是不够的。

微信想要更多，腾讯想要更多。当微信已经是超级入口，它想变成唯一的超级入口，它要占据你更多的时间和使用场景。它可能永远不会做一个 OS，但它希望成为「事实上」的 OS。

小程序是微信成为事实 OS 的必要补充。因为它的诞生是为了满足服务号没有满足好的高频应用场景。

所以，三管齐下，微信希望占据：

更多用户时间

更多应用场景

更多服务入口

订阅号解决阅读需求，服务号满足低频服务需求，小程序定位在高频使用场景。

听起来很恐怖，但恐怕没有人能在短期内阻止微信成为事实 OS。

小程序是一个独立生态

1.小程序是微信接下来的重点产品

2.无关注，无心理压力

和服务号、订阅号不一样，小程序是没有关注功能的。这意味着，对用户来说，心理成本更小，用户通过搜索进入小程序，马上就可以使用，不像服务号还需要先关注。

3.不是 HTML5，也不是 Hybrid

4.没有外链

5.无法分享到朋友圈

6.用微信语言开发的原生程序

7.前端开发成本极低

8.离线使用与 Websocket 的想象力

9.没有游戏，没有直播

10.有审核机制

问题九：微信小程序个人适合开发什么产品指尖小程序认为微信小程序开发比较适合线下有实体店的商家开发，如果个人开发的话，微商这样的商城类的小程序也比较适合。希望采纳哦

问题十：微信小程序开发使用什么编辑器小程序开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据实际情况，选择适合自己电脑的开发工具。

微信开发者工具共分成「编辑」、「调试」和「项目」三个部分。

编辑：编辑和修改小程序的代码。

调试：显示小程序代码错误和警告，便于调试代码错误。

项目：用于查看小程序的属性、修改小程序配置，以及提交小程序代码至微信服务器。

微信开发工具调试小程序一直转圈怎么回事

网络问题。微信小程序，小程序的一种，是一种不需要下载安装即可使用的应用，网络问题是自身设备连接的网络出现较大波动，导致微信开发工具调试小程序一直转圈，更换网络重新打开即可。

微信小程序如何开发

微信小程序的优势十分明显，小程序是不需要下载安装便可以使用的应用，它实现了应用触手可及的梦想，用户扫一扫或搜一下即可打开应用，也体现了用完即走的理念，用户不用关心是否安装太多应用的问题，应用将无处不在，随时可用，但又无需安装卸载。

小程序触及了PC网页，公众号，H5，APP无法触及的地方，其无需安装，用完即走的理念能够满足用户需求且节省手机内存。站在小程序的拥有者的立场，其开发成本大大减小，同时可借助微信强大的流量入口，因而也降低了推广的难度。总的来说，微信小程序是一种全新的方式，能够更好地在用户和服务中建立连接，并且可以在微信中便捷地获取和传播，具有不错的使用体验。

小程序全面开放申请以后，作为企业、政府、媒体、其他组织或者个人的开发者，都可以申请并注册小程序。小程序和微信的订阅号、服务号以及企业号是并行的体系，具有独立的注册以及发布流程。

小程序的接入主要有4个步骤：

(1) 小程序注册：在微信公众平台官网首页注册并提交注册信息、完善主体信息和管理员信息。

(2) 完善小程序信息：完善小程序的基本信息如名称、头像及服务范围等。开发前需绑定开发者并获取APP ID，以保证程序可以通过手机进行扫码测试。

(3) 开发小程序：下载安装微信开发者工具，微信官方提供了一套完整的开发框架，开发者可以根据微信开发文档进行小程序的开发与调试。

(4) 代码审核及发布：小程序开发完成后，不能够直接发布，需提交代码与开发配置信息提交审核，完成后尚可发布。

微信Web开发者工具区别于H5的开发工具+浏览器 Device Mode预览的模式，而是基于自己的开发者工具，可以实现同步本地文件+开发调试+编译预览+上传+发布等一整套流程。同时小程序自己开发了一套WXML标签语言和 WXSS样式语言，并非直接使用标准HTML5+CSS3。同时提供了很多原生APP的组件，之前在HTML5中需要模拟才能实现的功能，在小程序中可以直接调用组件来实现。

小程序开发框架的核心是一个响应的数据绑定系统。分为视图层和逻辑层，小程序开发工具提供了视图层描述语言WXML和WXSS，以及基于 JavaScript的逻辑层框架，并在视图层与逻辑层间设置了数据传输和事件系统，使得开发者能够很简单地将重心放在数据与逻辑上。处理事务逻辑的地方被称为逻辑层。在微信小程序中，所有.js脚本文件的集合构成逻辑层。逻辑层与视图层相互配合，完成数据处理及接收事件反馈。框架的视图层由WXML与WXSS编写，通过组件进行展现。对于小程序本身，.wxml文件与.wxss文件的集合构成了视图层，逻辑层处理数据之后，会发送给视图层用于与用户的交互，同时接收用户对视图层的反馈。视图层以给定的样式展现数据并反馈事件给逻辑层，数据展现是通过组件来进行的。视图的基本构成是组件。

项目开发完成后，管理员需手动打包上传代码，填写相关配置类目并将代码提交审核，若第一次审核未通过，再次提交审核将开放提供测试的入口，该入口由开发者提供，用于微信审核人员审核微信小程序时登录。审核后手动发布即可。

微信小程序站在月活跃用户9亿人次的微信的肩膀上，自带流量趋势，入口多，功能简单便捷。小程序功能快速迭代，意味着围绕小程序的开发和生态工具建设将会是移动互联网的一个巨大机会。目前各行业内诸多企业单位纷纷加入了小程序开发，开通了小程序功能。但小程序进行优化后，开放了很多入口，使得开发者和用户关注度不断提升。纵使一些高频和复杂应用暂时无法被小程序取代，但是一些低频应用的主要功能，只要能在小程序上实现，APP就可以完全卸载了。总的来说，微信小程序目前发展空间甚好，至于以后未来的发展仍旧不能够准确预测。