微信小程序之开发者工具

最新推荐文章于 2024-06-10 09:18:40 发布
最新推荐文章于 2024-06-10 09:18:40 发布
阅读量612 收藏
点赞数
分类专栏： 微信app开发 文章标签： java 微信游戏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rootDream/article/details/105253110
版权

微信开放文档

1、微信开放文档

微信开放文档：https://developers.weixin.qq.com/miniprogram/dev/framework

点击测试号就可以进入微信官方的学习文档

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uA9n6acs-1585739058327)(assets/1583753646168.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BB212crw-1585739058329)(assets/1583753687160.png)]

2、AppID的获取

该AppID和AppSecret用于微信小程序的登录。

微信登录和前后端分离的登录差不多，只是需要访问微信服务器获取登录凭证，具体查看微信开放文档(https://developers.weixin.qq.com/miniprogram/dev/framework)

方式1：

点击下图所示的测试号刷新到有效AppID

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RSIezBAI-1585739058331)(assets/1585238973438.png)]

方式2：

先登录微信开放社区，然后访问微信公众平台

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0EUxlx2S-1585739058332)(assets/1583760021894.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WjAmNvcI-1585739058333)(assets/1583760072852.png)]

微信公众平台：https://developers.weixin.qq.com/sandbox

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zUG1qHOt-1585739058334)(assets/1585370232794.png)]

3、注意点

3.1、勾选不校验

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sSuXquEc-1585739058336)(assets/1583754160641.png)]

若不进行勾选，则请求必须为https协议请求。

3.2、项目的结构

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8gbRJXha-1585739058338)(assets/1583754232943.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uFeZxcJ2-1585739058339)(assets/1583754396703.png)]

  1. js : 代表该页面请求->js （向后端请求数据）

  2. Wxml: 代表页面的骨架->html

  3. Wxss:代表该页面的样式->css

  4. Json:不使用，代表页面的名称

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-j3ddY9cO-1585739058340)(assets/1583754724081.png)]

rootDream
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序：小程序开发连接本地接口
BigGod_lxj的博客
05-22 1019
1、siteinfo.js要求siteroot为https:开头的网址，但是本地后台都是http:开头的网址，提示域名不在合法的范围内 怎么办呢？那就让小程序不要检验域名就好了，微信开发者工具-》详情-》本地设置-》不检验域名，web-view，要打钩。 ...
微信开发者工具下载安装教程
热门推荐
qq_44622358的博客
03-16 3万+
这里我们使用的是测试号，是测试阶段没有域名，但是实际上要做一个微信小程序是需要域名的，所以我们点击设置并选择项目设置，勾选所指的选项就可以进行下面的操作了。AppID点击测试号会自动生成一个测试号，这里我们测试阶段，使用测试号示例，测试号会绑定刚刚申请的测试号。点击确定之后，就进入了我们创建好的小程序，我选择的是TDesign零售电商模板。可以新创建项目，也可以右上角直接导入已有项目。下载完成后双击下载后的文件进行安装。点击完成，微信开发者工具安装成功。微信开发者工具的下载和安装。微信小程序账号注册登录。
微信小程序强制开启开发者工具（非常详细）零基础入门到精通，收藏这一篇就够了
最新发布
Javachichi的博客
06-10 1099
内容概要：包括 内网、操作系统、协议、渗透测试、安服、漏洞、注入、XSS、CSRF、SSRF、文件上传、文件下载、文件包含、XXE、逻辑漏洞、工具、SQLmap、NMAP、BP、MSF…技术文档也是我自己整理的，包括我参加大型网安行动、CTF和挖SRC漏洞的经验和技术要点，电子书也有200多本，由于内容的敏感性，我就不一一展示了。网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。（都打包成一块的了，不能一一展开，总共300多集）
小程序测试之微信开发者工具
weixin_48520816的博客
06-09 1万+
小程序的测试方法有很多种，直接用真实测试机扫码体验版就可以测试，那为什么还要选择使用工具呢？ 使用微信开发者工具的优势： 1、相比真机测试，使用工具可以节省资源，大公司感受不到，小公司真的没有那么多测试机过兼容哇哇 2、小程序内部的跳转，有些可能逻辑复杂，不好造条件，使用工具可以直接跳转页面测试 3、抓包、看接口很方便 4、其他我没有深入了解的优势 5、多会一个工具，面试吹一下1、下载微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devto
【微信小程序】基础篇 -- 注册小程序账号&安装开发者工具（一）
JMFive的博客
02-21 4450
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第1篇文章;今天开始学习微信小程序的第一天💖💖💖，开启新的征程，记录最美好的时刻🎉。【微信小程序开发教程】， 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！更多专栏订阅:😀。
微信小程序开发者工具-小白篇
weixin_48884558的博客
11-15 538
云开发的好处是免去你自己搭建后端服务器的烦恼，缺点是比较费钱，他的资费是两部分，一个是固定额度的套餐，再一个使用的时候是按量付费。需要自己起一个项目名称，目录的话可以选择自己项目的目录，appid需要使用你小程序的id，开发模式我们使用默认的小程序，后端服务的话，就根据你自己的需要选择。电商模板功能还是蛮强的，一启动会显示首页。
微信开发者工具打不开的几种解决方法
点点的博客
03-01 1万+
亲身经历解决方案：1.电脑重启。 2.（不想重启时）在任务管理器中结束微信开发者工具的所有进程，然后以管理者身份运行，等待差不多有一分钟（期间任务管理器中的微信开发者工具的进程不断变化）打开成功。 上周微信开发者工具一直没有办法打开页面，本来打算写一篇关于小程序的文章，结果等了半天试了好几次都是这样的界面，临近下班就没有在意了，今天来打开电脑还是...
微信小程序开发者工具压缩包（工具齐全）
08-14
微信小程序开发者工具压缩包（工具齐全）
微信web开发者工具_微信小程序_微信_微信web开发者工具_
09-30
微信Web开发者工具，可用于微信小程序，微信公众号的开发
微信小程序-原生-使用微信开发者工具
09-05
本篇文章将详细探讨“微信小程序-原生-使用微信开发者工具”的相关知识点。 1. **微信开发者工具**： 微信开发者工具是微信官方提供的集成开发环境，用于构建和调试微信小程序。它提供了代码编辑、预览、模拟器、...
微信小程序前端开发者工具-小程序定制开发神器
04-01
微信小程序前端开发者工具是一款根据效果图像画画一样来设计微信小程序，自动生成导出前端页面的快速开发工具。可以很方便、快速地生成小程序的wxml,wcss,js文件。可以大大提高您的工作效率，减少前端布局的编写工作...
微信小程序游戏源代码
01-10
微信小程序最火的几款程序源代码，是学习游戏开发的好资料
微信小程序 Cryptojs 解密工具包
05-08
总的来说，"微信小程序 Cryptojs 解密工具包"为开发者提供了一套完整的加密解决方案，通过引入CryptoJS库，使得在微信小程序中处理敏感信息变得更加安全可靠。无论是用户密码、支付信息还是其他私密数据，都可以通过...
微信开发者工具
zh15930366635的博客
05-27 1853
下载地址： 稳定版 Stable Build | 微信开放文档 概述 什么是微信小程序？ 微信小程序，简称小程序，英文名Mini Program，是一种无需下载安装即可直接使用的应用，实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。 环境配置 1.注册微信小程序开发者账号 链接：小程序 然后进行注册就行了。 ...
微信小程序教程
m0_69674158的博客
08-25 531
微信小程序教程
小程序开发--开发者工具的插件推荐
余的日常学习
03-22 3712
小程序开发--开发者工具的插件推荐
微信小程序开发学习笔记——2.6toot-portal子树从页面中脱离出来
Qy_cm的博客
02-14 729
>跟着b站up主“咸虾米_”学习中，把学习记录存到这方便后续查找。
解决微信小程序中微信开发者工具中云开发打不开或者是空白
m0_68237332的博客
03-26 1627
2、将微信小程序的文件夹改成wechatdevtools,然后将该文件夹下的微信开发者工具改成wechatdevtool(因为该文件夹下面已经有了一个wechatdevtools,所以少一个s,避免重名)当然，上面的都试完了可能还没有找到相关的解决办法，你可以试试重新卸载安装，毕竟“重启式”解决问题也不失为一个好办法。5、当云开发打开是白板时可以右键选择“重新加载应用”或者“模拟浏览器重启”，之后再点击，可能就出来了。查询了很多相关的博客后，发现有如下几点，大家可以自行检查，如有不足，还请指正。
微信小程序开发者工具
12-21
微信小程序开发者工具是一款用于开发和调试微信小程序的工具。它提供了一系列的功能，包括创建小程序模板、编辑代码、预览效果、调试代码等。下面是使用微信小程序开发者工具的步骤： 1. 注册微信小程序开发者账号...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值