微信开发者工具怎样编辑程序

2019-07-06 15:33:39 jlq_diligence 阅读数 2348

微信开发者工具集成git,实现多人协调开发,下面就拿GitHub举例,一一说明。

一、在GitHub创建远程仓库。这里忽略,网上很多。

 

二、在微信开发者工具中配置Git,并实现文件上传。

1.点击开发者工具右上角的【版本管理】,初始化本地仓库。

2,点击设置,添加远程仓库信息和网络认证

 

 3.抓取Git仓库,达到和开发者工具配置的远程仓库同步 

点确认后,就会在【远程】中显示所拉取的源代码,即:

4.接下来将本地master提交的东西进行HEAD重置一下,然后工作区就会出现文件了,首先填写这次提交的信息,填写完成推送到远程

 

大功告成,集成完毕。 

2020-03-10 15:49:03 weixin_39709920 阅读数 506

利用微信开发者工具获取小程序指定页面路径!

文章来源:企鹅号 - 程鹏亮

小程序不同于app,小程序的每个页面都有页面路径。在使用微信小程序的过程中,很多场景都要使用到小程序的页面路径。比如微信图文中的小程序,公众号菜单中的小程序,小程序的互相跳转等等各种应用场景,今天教大家如何使用微信开发者工具获得小程序指定页面的路径。

 

 

首先你得先下载安装微信开发着工具,并且获得小程序前端代码包,像一些扫码上传的平台,你是拿不到代码包的。这些获取路径就比较麻烦。

安装好小程序开发者工具,以开发者的身份登陆工具,新建小程序项目,导入前端代码包,就可以看到下面的页面了

 

打开开发者工具,在底端可以看到页面路径和页面参数。小程序的完整路径是由小程序的页面路径和页面参数组成的。比如上面这个小程序

页面路径pages/bigcms/article/article

完整路径pages/bigcms/article/article?id=24332&typeid=3

页面路径和页面参数中间使用?连接。这个路径可以使用到很多场景,比如

2017-05-26 17:29:01 Kevin_xq 阅读数 39580

一、微信小程序web开发工具下载地址


1.1 在微信公众平台-小程序里边去下载开发工具下载地址


1.2 下载后安装一下就可以使用了:


二、创建项目


2.1 微信小程序web开发工具需要扫码登陆,所以必须先绑定开发者才可以:



2.2 已经绑定的开发者可以创建项目,需要填写AppID、项目名称、本地开发目录。





AppID需要去设置里边获取,如果不填的话官方给的提示是部分功能受限:




三、开发工具界面介绍:





1. 编辑:开发的时候,需要到编辑区去写代码 

2. 调试:开发完需要调试程序的时候需要切换到这个区域,调试区有很多工具可供使用。

3. 项目:在这里可以上传或者预览项目

4. 编译:就相当于运行项目的意思

5. 关闭:关闭当前工程

6. 微信小程序web开发工具提供实时预览的功能,界面的效果会在这个区域显示

7. 这个区域可以看到整个项目的文档目录结构

8. 这个区域是编码区

9. 这里是选择屏幕尺寸的地方

10. 模拟网络环境:2G/3G/4G/WiFi



四、调试区六大工具介绍:


在调试区开发工具提供了6种调试模式:


4.1 Console

Console的意思是控制台,做过开发的都知道几乎每个IDE都会有控制台,可以显示错误信息和打印变量的信息等。


 

4.2 Sources

Sources显示了当前项目的所有脚本文件,微信小程序框架会对这些脚本文件进行编译。

Source下边还有一个区域,做过软件开发的都知道,一般下边是控制台会显示一些log信息、断电调试等等。



4.3 Network

Network顾名思义:这个区域显示的是与网络相关的信息,我这里暂时没有进行网络请求。



4.4 Storage

官方的解释是显示当前项目的使用wx.setStorage或者wx.setStorageSync后的数据存储情况。这个后续用到再慢慢研究


 

4.5 AppData

AppData是显示当前项目显示的具体数据,可以在这里编译,并且会在页面实时显示。



4.6 Wxml


Wxml调试区:把他的名字换一下的话大家就好理解了,其实他的实质就是HTML+CSS,微信只是把HTML改成了Wxml而已。学过HTML的人一看就明白,左侧的区域是HTML语言+CSS的一些标签属性。右侧可以便捷的设置CSS的属性。




转自:http://lib.csdn.NET/article/5/52864?knId=1796#focustext

2018-11-08 15:23:58 fannie_yang 阅读数 403

1、下载工具

进入微信公众平台:微信公众平台.
由于我已经注册过,所以提供文档参考开发文档api.
刚入门只需要看这几类即可:
在这里插入图片描述
根据文档链接(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18110719)下载开发工具,根据电脑配置下载:
在这里插入图片描述
下载后的工具:
在这里插入图片描述
安装后的文件夹:
在这里插入图片描述

2、工具使用

点击exe,进入下图:
在这里插入图片描述
点击小程序项目,进入下图(这里的项目是我之前开发过的):
在这里插入图片描述
在这里插入图片描述

平台自带的获取微信号和获取浏览时间,进入项目即可看到
在这里插入图片描述

具体可参考微信官方文档 工具使用文档.
在这里插入图片描述

3、增删改查

a:使用云开发数据库

注意:具体可参考云开发文档.
1、新建项目选择一个空目录,填入 AppID(使用云开发能力必须填写 AppID),勾选创建 “云开发 QuickStart 项目”
2、进入程序若是出现调用函数失败的错误:在 app.json / game.json 中增加字段 “cloud”: true即可解决
3、进入项目点击上方云开发:在这里插入图片描述
4、配置后进入数据库:
在这里插入图片描述

以查询为例

在这里插入图片描述

b:调用本地springboot接口

以查询为例

springboot接口是另外的项目,此处只是告诉大家如何调用
1、将springboot接口用maven打包成jar文件
在这里插入图片描述
2、待jar启动后,就可以调用啦在这里插入图片描述
3、如果调用时候出现405错误,不要慌,点击右上角的详情,勾选不校验合法参数即可,g

特别提醒:如果有什么不懂的,或者需要demo的,请私信我,有什么不足之处还请大家多多指教,谢谢。

2019-11-23 16:26:31 weixin_42126120 阅读数 341

主手自己用的是Win7 64位的电脑。
确保微信开发者工具-设置-安全-服务端口开启;且已获得小程序项目的开发者角色。
在Windows系统下已安装GIT 和 TortoiseGIT安装。

在这里插入图片描述
1、打开Git Bash 克隆小程序项目。克隆完成后。
2、打开HBuilder,点击菜单“文件”下的“打开目录”,选择已克隆的小程序项目。
3、点击“运行—运行小程序模拟器-微信开发者工具”,等待小程序项目打开。
4、小程序项目打开后,栏位“编辑器”背景色为绿色。单击“编辑器”去掉绿色。

可以开始在微信开发者工具进行测试了。
在这里插入图片描述