2017-09-20 21:40:41 hadoopxsy 阅读数 3244
  • 微信开发者工具使用教程 如何上传、发布、审核等

    微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 04-微信小程序如何导入项目 05-不在以下request合法域名列表如何设置解决 06-模拟器、编辑器、调试器的使用 07-本地如何调试、手机测试小程序 08-公众号账号关联和管理多个小程序 09-微信小程序项目管理、上传、审核、发布 10-如何能学会微信小程序开发

    67 人正在学习 去看看 黄菊华

众所周知,在我们pc端的浏览器上,当后台改动css,或者js等代码的时候,需要浏览器清除缓存,页面才能重新加载,显示最新的样式或内容;

但是,如果我们的在手机端呢?比如说,我们开发一个微信服务号来实现一个微商场。突然有一天,客户要求升级或者改动一部分样式,这时我们在后台很rasy的搞定了,

但是会发现,微信页面根本样式就没变,搞了一下午原来是缓存的问题!但是发现怎么清理缓存啊!而且大部分用户根本就不知道“缓存”这回事:经过测试和努力找到了一下解决方案:

1、取消关注该微信公众号,重新关注即可(这很影响用户体验)

2、清理微信内存,关闭微信,再重新登录(太折腾)

3、给引入网页的css文件,或超链接  加参数时间戳:time=${time}   (终极解决方案)

例如:

<link rel="stylesheet" href="<%=basePath %>css/public.css?time=${time}">

当后台修改public.css文件内容时,微信服务号会重新加载最新的时间戳内容。这里的${time}  是从后台传过来的System.currentTimeMillis()值


同理,超链接也是如此!


这样做会使每次都重新加载内容会使反映时间加长,不过那也是在用户量访问大的时候!毕竟功能的展现啊!!!


2016-07-25 16:10:00 weixin_30305735 阅读数 2
  • 微信开发者工具使用教程 如何上传、发布、审核等

    微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 04-微信小程序如何导入项目 05-不在以下request合法域名列表如何设置解决 06-模拟器、编辑器、调试器的使用 07-本地如何调试、手机测试小程序 08-公众号账号关联和管理多个小程序 09-微信小程序项目管理、上传、审核、发布 10-如何能学会微信小程序开发

    67 人正在学习 去看看 黄菊华

1.微信开发者工具下载。

PS:微信开发者工具最新版本的地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

        千万不要在微信公众号平台下的开发者工具。

 

2.微信客户端缓存。

(1)a标签href跳转失效,建议改用其他标签,添加onclick事件。如:window.location.href = './xxx.html'?time='+((new Date()).getTime())。

(2)页面缓存过长,建议资源打版本号,使用webpack打包前端资源,配置服务端缓存时间。

如果以上方法都无法清除缓存的话,只能采取以下方法。

1.重新登录微信。

2.使用第三方清理工具清除缓存。(退出微信的时候可能也就清除cookie,storage,没有彻底清除页面资源的缓存)

 

3.微信jssdk使用步骤。

1.配置微信公众平台的域名。

2.前端引入jssdk文件。

3.前端配置wx.config。

4.前端编写wx.ready方法。

PS:所有的微信jssdk接口都在wx.ready执行。

5.前端编写wx.error方法。

 

4.微信jssdk配置文件。

  (1)注意配置参数类型是否相同。

  (2)注意生成签名的url是否与当前的url相同。

  (3)注意前端传的url有没有encodeURIComponent(),后端有没有url解码,生成签名。

PS: 微信接口调试页: http://mp.weixin.qq.com/debug

 

5.微信接口端口号

仅支持80443端口,其他端口无效。    

 

6.微信分享接口            

微信分享接口url是必须是固定的,切记不要动态改变url,否则分享出来链接就不是微信的分享标签。(带文字与图片)

如:http://www.xxx.com/share.html   正常

       http://www.xxx.com/share.html?flag=1  不正常

      不是带参数不正常,而是动态改变了一下url内容,然后再分享出去的时候,分享出去就不是微信的分享标签,而是一个普通的链接。

PS:(1)分享链接不一定是当前页面的链接。

      (2)分享链接域名与当前页面对应的公众号JS安全域名必须一致。

       否则会出现微信分享在开发者工具分享成功,移动端微信分享不成功。

       公众号JS安全域名建议配置一级域名。

        

 

7.微信图片接口

拍照或从手机相册中选图接口

wx.chooseImage({
     count: 1, // 默认9
     sizeType: ["original", "compressed"], // 可以指定是原图还是压缩图,默认二者都有
     sourceType: ["album", "camera"], // 可以指定来源是相册还是相机,默认二者都有
     success: function(res) {
          var localIds = res.localIds // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
     }
})

PS:localIds参数返回是一个数组。

        localIds参数是一个微信的图片资源地址,不是一个标准的src的图片地址。

 

补充:关于后端如何获取前端上传微信的图片。

           前端拍照或从手机相册中选图接口-->上传图片接口-->后端请求获取素材接口-->保存图片。

           具体api请看微信公众号开发文档----素材管理----获取临时素材/获取永久素材。

 

8.微信支付接口

一种是商家支付给用户,一种是用户支付给商家。

补充:注意接受与传的参数的大小写字母,一定要相同。

转载于:https://www.cnblogs.com/Sroot/p/5703915.html

2019-06-13 15:46:00 weixin_30500663 阅读数 20
  • 微信开发者工具使用教程 如何上传、发布、审核等

    微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 04-微信小程序如何导入项目 05-不在以下request合法域名列表如何设置解决 06-模拟器、编辑器、调试器的使用 07-本地如何调试、手机测试小程序 08-公众号账号关联和管理多个小程序 09-微信小程序项目管理、上传、审核、发布 10-如何能学会微信小程序开发

    67 人正在学习 去看看 黄菊华

如下图就是微信小程序的开发工作界面

红色框是工具栏

绿色框是模拟器

蓝色框是编辑区

黄色框是调试器

 如果代码有修改,则需要点击编译按钮,则会在模拟器中自动刷新。

如果想要在真实的手机上运行小程序,看效果,则点击预览按钮。

如果想要远程调试真实的手机上运行的小程序,则点击真机调试。

如果想要清除缓存数据,则点击清缓存。

整个项目的配置信息,点击详情按钮。

选择模拟器的机型

视图百分比

网络状况

可以新建文件夹和文件,点加号。

 

转载于:https://www.cnblogs.com/AlterMe/p/11016773.html

微信小程序—目录

阅读数 1816

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