2019-11-01 15:17:11 oneclarence 阅读数 13
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27828 人正在学习 去看看 秦子恒

如何不用将前端代码上传到远程服务器,也能够在本地进行远程调试?(解决跨域问题)

解决

1、修改路径

将安装好的“微开发者工具”移动到没有中文路径的地址,然后将“微信开发者工具.exe” 更改为英文名字,然后发送到桌面快捷方式

2、修改名称

  • 右击开发者工具快捷方式 -> 点击属性
  • 点击快捷方式 -> 点击目标
  • --args --disable-web-security --user-data-dir 将这行代码粘贴到路径后面(代码之前需加空格)
  • 重新打开开发者工具,跨域问题就没有了
2019-06-11 12:04:28 wanlixingzhe 阅读数 1902
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27828 人正在学习 去看看 秦子恒

环境

HBuilderX.2.0.0.20190610.full.zip
Windows10
微信开发者工具1.02.1905151

配置

解压运行
  1. HBuilderX运行后,点击工具-设置-运行配置-小程序运行配置 ,配置微信小程序开发工具安装路径。例如:D:/Program Files (x86)/Tencent/微信web开发者工具,注意这里不需要定位到微信web开发者工具.exe否则会报错。
    在这里插入图片描述
  2. 点击运行前打开微信开发者工具----设置—代理设置----安全默认是关闭的,选择开启服务端口,否则会报错:

[HBuilder] 10:59:09.614 微信开发者工具拒绝HBuilderX访问,请根据上述提示,在微信开发者工具中开启服务端口
11:00:17.782

新建项目

在HBuilderX中新建项目时,支持小程序类型,如下:
在这里插入图片描述
小程序项目创建后,默认工程目录如下:
在这里插入图片描述微信小程序有自己的appid,向微信申请后,把appid填写在项目的project.config.json里,有个appid参数。有appid才能正式发布上传。

小程序语法提示

在HBuilder中对小程序语法有很好的提示,但目前不支持云开发的代码提示。

小程序JS API提示:
在这里插入图片描述
小程序wxml标签提示:
在这里插入图片描述

同步到小程序模拟器

HBuilderX支持同步代码到微信开发者工具,如下图所示,点击“微信开发者工具”
在这里插入图片描述
系统会尝试检测并启动微信开发者工具并打开项目。

自动刷新

在HBuilderX中修改小程序代码,微信开发者工具模拟器会自动刷新。

2020-01-17 11:33:27 baozaobenren 阅读数 3
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27828 人正在学习 去看看 秦子恒

刚才逛微信公众平台社区的时候看到了这个问答,学到了这点

鼠标放在微信代码上开发者工具频繁弹出提示,就像这样
在这里插入图片描述
如果觉得这样烦的话可以在控制台openEditorCache()然后回车,进入User再进入setting.json,加入"editor.hover.enabled": false保存就可以了

2016-12-18 14:46:22 testcs_dn 阅读数 6524
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27828 人正在学习 去看看 秦子恒

微信公众平台小程序开放公测。小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。小程序已经风风火火这么久了,但是开放时间还未确定,到现在也没用上小程序,不知道它究竟有多大的魔力。今天先来了解一下微信小程序的开发者工具。

下载

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=20161122

最新版本 0.11.112301

windows 64 、 windows 32 、 mac

安装

没什么可说的,大家看看就是。





安装完成启动之后可能会提示要求访问网络,允许访问。

登录



选择调用类型

创建项目


我只是想安装一下看看,还没有申请AppID,所以这里选择无AppID。

项目创建后开发工具的首页,默认就是调试页面

用过Chrome的开发者工具的小伙伴看这界面是不是感觉很亲切?感觉就是一个模子里出来的。

是不是?

是不是?

编辑界面,只是图中的一个菜单项有点特别:硬盘打开,是打开项目文件目录

项目界面:由于创建的项目没有填写AppID,所以没办法上传体验。

结束语

为什么它和Chrome的开发者工具那么像?
我用SPY++查看了一下微信小程序的开发者工具:

发现和Chrome显示网页内容的窗口标题及类完全一致; 
由此看来微信小程序的最终呈现还是基于浏览器。
我们在开发的时候使用的是转义后的标签,而实际部署后用户端使用的应该还是HTML。
为什么这么说?
小程序也好,轻应用也好,为的就是一个轻,无处不在,随便一个浏览器就可以打开。
但这也是只是一个猜测,而如果不是这样,微信内置一个支持小程序的类浏览器的内核,
虽然在小程序的封装上起到了保护源码的作用,但就设置了一个壁垒,也就是如果想使用小程序还必须安装微信才可以;
当然,现在微信的装机率已经不是问题了。
小伙伴们,你们怎么看?
===========文档信息============ 
版权声明:非商用自由转载-保持署名-注明出处 
署名(BY) :testcs_dn(微wx笑) 
文章出处:[无知人生,记录点滴](http://blog.csdn.net/testcs_dn)
2017-01-24 16:49:19 ZHIYUANfL 阅读数 18369
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27828 人正在学习 去看看 秦子恒

一、微信小程序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


微信小程序--坑

阅读数 279

没有更多推荐了,返回首页