
微信学习记录
老狼8848
业余编程爱好者。
展开
-
公众号关注后接收多图文欢迎界面,使用一个不错的调试工具
试一试老贼的关注公众号后接收多图文欢迎界面。修改文件 wx_token_read.php 内容为:<?php//装载模板文件include_once("wx_tpl.php");//获取微信发送数据$postStr = $GLOBALS["HTTP_RAW_POST_DATA"]; //返回回复数据if (!empty($postStr)){原创 2016-11-10 19:13:33 · 2247 阅读 · 0 评论 -
小程序学习:点击按钮修改标签文本内容
原文:https://blog.youkuaiyun.com/michael_ouyang/article/details/54923052简单修改2个自动生成的模板文件即可。1、修改index.wxml:增加:<button bindtap='changeMotto'>点击</button>2、修改index.js,增加一个函数: changeMotto...原创 2018-09-23 22:59:45 · 13887 阅读 · 1 评论 -
小程序学习记录:页面跳转
新建一个页面:newpagenewpage.js:Page({ data: { horse: 'Hello wx' }, onLoad: function () { }})newpage.wxml: <view> hello weixin </view>index.wxml 增加一个按钮: &...原创 2018-09-24 21:43:49 · 443 阅读 · 0 评论 -
小程序学习:变量作用域
参考这一篇,稍作修改:https://blog.youkuaiyun.com/michael_ouyang/article/details/55046458app.js,增加一行全局变量定义,globalvar: 1: globalData: { userInfo: null, globalvar: 1 }index.js,修改一下显示文本: data: { ...原创 2018-10-02 22:04:38 · 998 阅读 · 0 评论 -
小程序学习:模块化
在utils目录下新建common.js:// common.jsfunction sayhello(name){ console.log(`hello,${name}!`)}module.exports = { sayhello: sayhello}在index.js中引入common.js://index.js//获取应用实例const app = ge...原创 2018-10-02 23:00:10 · 316 阅读 · 0 评论 -
小程序学习:数据绑定
继续记录学习过程。首先在 index.js 中写入自定义数据,然后在 index.wxml 调用并显示。感觉非常类似 discuz 中的数据显示过程。index.js: data: { num: 2, id: 8 },index.wxml:<!--index.wxml--><view class="container">...原创 2018-10-03 09:28:27 · 380 阅读 · 0 评论 -
小程序学习笔记:视图层的条件渲染
即根据js文件确定的变量值,决定显示内容与格式。这方面与 discuz 的运行模式是一样的。首先修改模板的 index.js 文件://index.js//获取应用实例const app = getApp()Page({ data: { boolean: false }, //事件处理函数 EventHandle: function(){ var ...原创 2018-10-03 16:52:44 · 355 阅读 · 0 评论 -
小程序学习笔记:循环数组并显示内容
使用上一篇中的条件渲染框架。index.js://index.js//获取应用实例const app = getApp()Page({ data: { boolean: false, arr: ["青青园中葵", "朝露待日晞", "阳春布德泽", "万物生光辉"] }, //事件处理函数 EventHandle: function(){ ...原创 2018-10-03 17:06:16 · 7882 阅读 · 0 评论 -
小程序学习记录:显示数组内容2
原文在这里:https://blog.youkuaiyun.com/michael_ouyang/article/details/55049387index.js://index.js//获取应用实例const app = getApp()Page({ data: { arr: [{ text: "青青园中葵" }, {text: "朝露待日晞"}, {text: "阳春布德泽"...原创 2018-10-03 22:06:04 · 4368 阅读 · 0 评论 -
小程序学习:tabBar
tabBar需要设置 app.json ,大小写敏感,例如 pagePath 写成 pagepath,则提示出错。以下为app.json 内容:{ "pages": [ "pages/index/index", "pages/logs/logs", "pages/newpage/newpage" ], "window": { "bac.原创 2018-09-26 22:56:22 · 281 阅读 · 0 评论 -
小程序学习笔记:模板的使用
新建模板文件,就是一个wxml文件:pages/tem/template.wxml:<!--template.wxml--><template name="tem"> <view>这是一个模板</view></template>修改index.wxml文件:<!--index.wxml-->原创 2018-10-04 22:25:30 · 327 阅读 · 0 评论 -
小程序学习记录:读取discuz生成的json数据
在discuz后台数据库中建表,testjson,并输入两条记录:testjson.php:<?phpif(!defined('IN_DISCUZ')) { exit('Access Denied');}header("Content-Type:text/html;charset=GB2312");require_once libfile('functio...原创 2018-10-14 14:41:19 · 860 阅读 · 0 评论 -
小程序学习:显示腾讯地图
腾讯的人可能觉得所有的同学都是高手,这个小程序地图的入门例子:https://lbs.qq.com/qqmap_wx_jssdk/index.html我反复折腾几次才让地图显示出来。 index.js://index.js//获取应用实例const app = getApp()// 引入SDK核心类var QQMapWX = require('../../libs/qqm...原创 2018-09-23 15:14:42 · 1755 阅读 · 0 评论 -
小程序学习:两种数据加载方式
第一种静态数据直接写入 index.js:Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse('button.open-type.getUserInfo'), text: 'hello china!', ar...原创 2018-09-17 22:13:46 · 3139 阅读 · 0 评论 -
小程序学习:点击文本,切换颜色
原文在这里:https://blog.youkuaiyun.com/Duan_Super/article/details/79390683 实现点击 hello 文本,文本颜色在红色和绿色间切换。对自动生成的模板,修改三个文件内容即可。index.js 内容://index.js//获取应用实例const app = getApp()var flag = true;var ...原创 2018-09-16 17:00:58 · 3403 阅读 · 0 评论 -
让公众号直接返回微信客户端输入的文本内容
根据青城老贼的文章进行实践,让公众号直接返回输入的文本内容。原文:http://www.zhongyaofang.cn/combat_power/weixin_jiaocheng_vol11.html原创 2016-11-10 21:58:41 · 3397 阅读 · 0 评论 -
微信开发学习记录:返回的图文消息看不到图
问题描述:使用调试工具 http://debug.fangbei.org/ 进行调试,返回的图文消息xml格式正确,但是在手机端始终仅显示文字,不显示图片。 尝试修改程序,使返回的Url为PicUrl中定义的图片地址,这样点击该条文章,则打开页面中直接显示该图片。如此操作后,返回后即可在返回的图文消息中显示图片了。 感觉较大可能是网速慢导致图文内容中图片不显示,通过以上操作将图原创 2016-11-14 20:07:26 · 2559 阅读 · 0 评论 -
微信学习:我的学习测试环境(刚看我的DZd动力空间后台,发现推荐后双方有30软妹币福利,双赢哦)
来福利先: DZ动力的主机速度快服务好,我使用后感觉很不错,特向你推荐,购买还送30元红包。 快来看看吧:http://www.verydz.com/register.php?uid=217162 我的学习测试环境,用到的软件: 一台笔记本,昭阳E490; 手机是魅族MX3; editplus,phpstorm; ht原创 2016-11-14 22:01:39 · 531 阅读 · 0 评论 -
微信开发学习:点歌台
实践青龙老贼的文章:http://www.zhongyaofang.cn/combat_power/weixin_jiaocheng_vol11.html 这个界面实现了,但是放不了歌,貌似我的空间禁止了mp3的下载:点歌台代码:<?php//装载模板文件include_once("wx_tpl.php");//获取微信发送数据$postStr = $G原创 2016-11-14 22:24:23 · 547 阅读 · 0 评论 -
微信开发学习:输入城市+天气接收天气预报,非非非非常好玩
这次实践一下这篇 http://www.jb51.net/article/51923.htm 输入城市+天气四个字,接收天气预报,数据来源是百度天气预报接口。原来的代码功能多,比较复杂,我精简了一下,相对容易看懂。完成后的效果:wx_token_read.php文件:<?php//装载模板文件include_once("wx_tq_tpl.ph原创 2016-11-16 07:15:23 · 1112 阅读 · 0 评论 -
记录一下我的微信开发配置测试过程——关注后接收文本欢迎信息
以下内容均来自网络结合自己动手实践,具体来源恕不能一一注明出处。 * 需要有自己的服务器。 比较简单的,就是一台能上网的笔记本或者台式机(后面称为A机器),安装phpstudy,里面包含apache、mysql、php、phpadmin。然后下载netapp,运行这软件后,能产生一个互联网域名(后面成为域名W)指向A机器的80端口。这样在互联网上访问域名W就能直接访问到机器A8原创 2016-11-09 20:24:58 · 2819 阅读 · 2 评论 -
微信开发过程中,把参数值记录到服务器文本文件进行除错
某些时候,微信客户端不能显示错误信息,一些第三方微信调试平台也不能正确显示返回信息,对微信开发调试造成很大不便。可以使用在服务器生成文本文件的方式,记录程序运行过程中的一些值进行除错。原创 2017-03-17 18:54:55 · 320 阅读 · 0 评论 -
微信浏览器提交表单内汉字,服务器接收显示乱码问题的解决
原来使用的提交函数内容大体为: function postBianjieRen(){ $('#fm_bj_ren').form('submit',{ url: url, onSubmit: function(){ return $(this).form('validate'); }, success: function(result){ 。。。。。。原创 2017-03-19 14:11:03 · 2493 阅读 · 0 评论 -
记录一下discuz3.3+微信OAuth2.0网页授权过程
尝试以下流程:点击微信菜单,在微信浏览器中打开网页,并以微信中的用户信息编辑上传内容。 参考微信的OAuth2.0网页授权流程:https://mp.weixin.qq.com/wiki。原创 2017-03-12 10:12:51 · 2923 阅读 · 0 评论 -
直接播放amr格式文件的js工具:amrnb
将微信录音下载到自己的服务器后,格式为amr格式,在浏览器中无法正常播放。经过一番查找,使用amrnb工具可以转码后播放。原创 2017-04-22 08:57:37 · 9419 阅读 · 2 评论 -
在服务器端,转换amr格式音频文件为MP3格式
由于当前pc端浏览器及移动端浏览器都不支持直接播放amr格式文件,因此考虑在服务器端,将amr文件转换为MP3文件,使浏览器可直接播放。在服务器使用ffmpeg工具,供php调用,用来转换amr文件。1、下载ffmpeg:http://ffmpeg.zeranoe.com/builds/win32/shared/选择与自己服务器版本匹配的ffmpeg版本下载,如果版本不匹配,程原创 2017-04-22 15:42:10 · 7864 阅读 · 0 评论 -
小程序学习笔记:小程序百度地图例子的运行
微信的小程序结构升级很快,百度的小程序demo不能直接运行了。首先下载小程序——百度地图的例子。https://github.com/baidumapapi/wxapp-jsapi1、设置微信公众平台——小程序——设置——开发设置。修改服务器域名,request合法域名 https://api.map.baidu.com2、百度地图增加自己的小程序AK。这个步骤百度...原创 2018-10-08 22:29:47 · 3640 阅读 · 0 评论