微信小程序开发工具知识（微信工具类小程序）

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

本文目录一览：

• 1、想学微信小程序，前提要具备哪些知识？
• 2、微信上的小程序是用什么软件开发的？
• 3、微信小程序开发系列 (四) ：微信小程序的页面跳转路由设计
• 4、微信小程序如何开发
• 5、开发微信小程序的工具有哪些

想学微信小程序，前提要具备哪些知识？

前期阶段：建议从HTML-》 CSS -》 JAVASCRIPT-》JQUERY 开始，0基础均可学习。

中期阶段：建议了解一些知识，精通最好。比如一些基础框架和知识 ：bootstrap  jssdk  ajax json http https 协议等，在这里就可以开始学习小程序了,里面语法相似angular ,差别也多。

后期进阶：react  webpack less  websoket 各种插件 ,面向对象, http 协议 https angular/vue/node，建议精通一种或者2种 ， 前端和服务端交互过程，等等 。其实这里中期就可以和小程序一起学习了，如果你能力很强，建议一起学习，最后面可以学习 服务端技术,底层 ,架构等。

欢迎修正,探讨技术。

微信上的小程序是用什么软件开发的？

微信上的小程序是用什么软件开发的？

这里给大家安利这个在线小程序制作工具软件

小程序制作工具软件怎么选？

1、看案例

找小程序制作工具软件时，首先要了解开发公司的实际案例。虽然案例不能完全反映网站公司的专业水平，但专业的小程序制作工具软件肯定有很好的成功案例。

2、看公司的人员配备

选择小程序制作工具软件，一定要多了解公司的人员配备。一个成熟的开发团队有一个产品经理专业的UI设计团队，一个有经验的前端后端和测试技术开发人员。

3、看售后服务

售后服务也是需要考虑的因素之一。在使用小程序的过程中，不可避免地会出现这样的问题。如果你在寻找一家不包括售后服务的公司，当后期出现问题时，你必须支付二次付费来解决问题。因此，在寻找小程序制作工具软件之前，你必须咨询是否配备售后服务。

微信小程序开发系列 (四) ：微信小程序的页面跳转路由设计

笔者由于工作需要，曾经参加过一个微信小程序同 SAP 系统集成的项目，因此从零开始学习了微信小程序的开发知识。这里通过系列文章把自己所学分享出来，希望对相关学习者有所帮助。

本教程前面三篇文章：

通过本系列前面三篇文章的介绍，大家对微信小程序的视图和控制器，微信调试器的用法，以及如何消费微信平台提供的 Public API，已经有了一个最基本的认识了。在这个基础上，本文让我们进一步学习微信小程序的页面跳转路由设计。

这个系列教程的前六篇文章我们都在单个的视图上操作。现在让我们创建第二个视图，然后实现从第一个视图到第二个视图的跳转。

首先开发第二个视图：

做过 Angular 开发的朋友们对上面的视图设计一定不会陌生。这个视图的数据源由模型 logs 提供，是一个列表结果，列表每个元素的数据源是模型 logs 里的一条记录，用 log 代表。

为了让 log 看起来显示更整齐，在 log 内容之前，显示每条 log 的索引。因为 log 的索引从 0 开始，所以用 {{index + 1}} 在索引前加一，这样显示的索引更符合普通人的阅读习惯。

这个视图的控制器：

控制器 logs.js 的实现：

在控制器里调用 Page 构造函数，给当前控制器指定名为 logs 的数据模型。

这个数据模型的值填充，通过微信框架提供的 API wx.getStorageSync 来获取。

wx.getStorageSync 的含义在微信小程序 官网 上有定义：从本地缓存中同步获取指定 key 对应的内容。

第二个视图的 UI 和控制器都开发完毕，剩下的事情就是在第一个视图里定义一个触发点，让它能触发到第二个视图的跳转。

我在第一个视图上通过属性 bindtap 绑定了一个点击函数 bindViewTap :

bindViewTap 在第一个控制器 index.js 里的实现：

跳转还是通过微信小程序提供的 API wx.navigateTo :

保留当前页面，跳转到应用内的某个页面，使用 wx.navigateBack 可以返回到原页面。

学习了微信小程序页面路由跳转之后，我们来进行一个实际的需求开发。

效果：我在手机上打开微信小程序，自动显示出我当前所在的地理位置：

具体步骤：

ReservationService.getGeocode 的实现：

看下面一个使用高德地图 API 将经纬度转换成文字描述的地址的例子，使用 postman 发送请求：

API 响应：

假设我用 vue 开发了一个 web 应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试。

假设我的 web 应用的访问入口是如下公众号菜单的"预约"按钮:

那么为了能够在微信开发者工具里调试,需要首先进入该公众号的后台,在 web 开发者工具里,将开发者本人的微信号添加进去:

点击"绑定开发者账号":

输入待绑定的微信账号:

点击绑定,该微信号会收到一条消息,询问是否绑定:

点击同意操作完成绑定。

接下来, 把要调试的 web 应用的 url 放到微信开发者工具地址栏里，回车之后，微信开发者工具就会弹出一个询问窗口，点击 Allow 之后，就可以在微信开发者工具提供的类似 Chrome 开发者工具调试器一样的界面里进行单步调试了。

这个粘贴到地址栏的 url 很有讲究。

;redirect_uri=https%3a%2f%2f;response_type=codescope=snsapi_userinfostate=123#wechat_redirect

其中 appid= 后面的值，是从微信公众号控制台里拷贝出来的 appid ：

redirect_uri, 即为我们开发的 web 应用，部署到服务器之后生成的 url，需要经过 url encode 处理：

这个 url 准备好之后，将其粘贴到微信开发者工具地址栏里，回车，即可看到一个对话窗口，要求获得我们公开信息的许可：

点击 Allow 之后，就可以像使用 Chrome 开发者工具的调试器一样，在微信开发者工具里进行单步调试了：

本文首先介绍了微信小程序多页面内的路由跳转设计，接着通过获得手机当前经纬度并转换成地址的需求实现，进一步深入了解了微信小程序如何消费微信平台提供 Public API 的方法。

本教程前面三篇文章：

微信小程序如何开发

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

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

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

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

开发微信小程序的工具有哪些

目前应用号的开发工具其实就是微信小程序的开发工具，像微页的即速应用平台，操作简单，功能齐全，很适合小而美的小程序开发用。

1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台，找到右下方的小程序模块，点击「开发」按钮;

2、点击顶部导航栏的「工具」按钮，在新页面的左侧栏中找到「下载」。可以看到，开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据实际情况，选择适合自己电脑的开发工具。

3、安装后，就可以直接启动开发者工具。如果是首次启动开发者工具，需要使用开发者的微信号扫码登录。登陆后，点击「添加项目」按钮，填写 AppID(如果没有，则点击无 AppID)和项目名称。接着，在项目目录中点击「选择」，新建一个文件夹作为新的项目目录。然后再次点击「添加项目」，就可以新建出一个微信小程序项目了。

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

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

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

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

开发工具还提供简单的模拟器(页面左侧)，开发者可以使用模拟器在电脑上模拟用户点击及使用，提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能。

微信小程序开发工具知识的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于微信工具类小程序、微信小程序开发工具知识的信息别忘了在本站进行查找喔。