分类归档

小程序

FWQ
小程序
微信小程序中Video API的解析
这篇文章主要介绍了 微信小程序 video api实例详解,需要的朋友可以参考下 电脑端不能测试拍摄功能只能测试选择视频功能,好像只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而不是tempFilePath文档写的有点问题。 主要属性: wx.chooseVideo(object) 成功之后返回参数 wxml <button>打开视频</button> <!--默认视频组件是隐藏的--> <video></video> 登录后复制 js Page({  data:{   // text:"这是一个页面"   videoSource: '',   videoHidden: true  },  listenerBtnOpenVideo: function() {    var that = this;    wx.chooseVideo({      //相机和相册      sourceType: ['album', 'camera'],      //录制视频最大时长      maxDuration: 60,      //摄像头…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中天气预报开发的代码
这篇文章主要介绍了微信小程序 天气预报开发实例代码源码的相关资料,这里含有源码,需要的朋友可以参考下 微信小程序 天气预报 实例主要功能 自动定位所在城市 根据所定位的城市获取天气信息 显示未来几天的天气情况 查看当天天气的详情信息 先看效果图 微信小程序-天气 首页 微信小程序-天气 详情页 思路及编码部份自动定位所在城市 wx.getLocation:通过官方文档的API中可以看到wx.getLocation可以获取到当前的地理位置和速度,不过获取到的地理位置只是经纬度,而不是真正的城市名称,但我们可以根据这个经纬度来获取城市名称等信息(需要用到第三方接口),再通过城市名称和城市ID获取对应的天气信息。 在.js逻辑层增加函数: data:{   weatherApikey:'', //天气apikey,在http://apistore.baidu.com 上申请   city:'', //城市名称   areaid:'', //城市对应的id   curWd:{}, //当天天气情况   indexs:{}, //当天天气详情说明   forecast:{} //未来4天的天气情况 }, onLoad:function(options){   // 生命周期函数--监听页面加载   this.setData({weatherApikey:getApp().globalData.weatherApikey});…
2024-11-25 阅读全文 →
FWQ
小程序
Vue 和微信小程序的区别有哪些?对比分析
一、生命周期 先贴两张图: vue生命周期 小程序生命周期 立即学习“”; 相比之下,小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。onLoad:页面加载 一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。 onShow:页面显示 每次打开页面都会调用一次。 onReady:页面初次渲染完成 一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。 对界面的设置如 wx.setNavigationBarTitle请在 onReady之后设置。详见生命周期。 onHide:页面隐藏 当 navigateTo或底部tab切换时调用。 onUnload:页面卸载 当 redirectTo或 navigateBack的时候调用。 数据请求 在页面加载请求数据时,两者钩子的使用有些类似,vue一般会在…
2024-11-25 阅读全文 →
FWQ
小程序
关于微信小程序上传word、txt、Excel、PPT等文件的详解
目前小程序没有能实现此功能的 API 所以我这里通过使用 web-view 实现; 实现流程: 1. 在小程序后台配置业务域名 2. 在服务器写一个html,实现表单上传文件 3.后端php接收文件并存到一个服务器文件夹,把文件名存到数据库以后检索用 4.在微信小程序创建一个页面,里面使用web-view达到上传文件的目的; 效果图: 具体实现: 1. 在小程序后台配置业务域名 地址:https://mp.weixin.qq.com/wxopen/appdatacount 2. 在服务器写一个html,实现表单上传文件 index.html文件 nbsp;html&gt; <meta><meta><title>Title</title><script></script> 登录后复制 <script> function upload() { $(“#form1″).submit();…
2024-11-25 阅读全文 →
FWQ
小程序
微信公众平台消息接口开发从Hello2BizUser文本到subscribe事件
一、hello2bizuser旧事件的处理 在老的关注事件中,用户关注微信公众平台账号后,系统会帮用户发送一条Hello2BizUser的文本给公众账号,公众账号后台开发模式下通过判断Hello2BizUser这个词来实现发送欢迎词。 代码样例如下: if ($keyword == "Hello2BizUser"){     $contentStr = "PHP中文网";     $resultStr = $this-&gt;transmitText($object, $contentStr, $funcFlag);     return $resultStr; } 登录后复制 做出基础接口上的修改,影响会是所有人。一般不会轻易做这样的改动。 为什么微信要修改这一事件了,这个方法的弊端在于,如果用户没有判断这一事件,那么就不会有欢迎词,本来这也没什么关系,不出现欢迎词也不影响什么。但很多人的程序代码里面,所有流程直接就是判断关键词。比如我们曾看到过一家医院的微信账号,用户发送挂号的号码,就显示前面有多少人排列,但后台程序没有做区分,把Hello2BizUser也当成挂号单发送过去,返回没有找到Hello2BizUser这一挂号,不知道前面有多少人,搞得用户莫名奇妙。还有就是用户如果主动发送一个Hello2BizUser过去,那么得到的也是和欢迎词一样的内容,虽然很少有用户会去发这个东西。 另一方面,将用户关注做成事件,更有利于统计功能的实现。利用这个事件,我们就更能容易的判断出关注人数和退订人数,而原来的Hello2BizUser文本推送判断是有可能不准确的,因为用户可以手工发送,形成虚假关注统计。   二、“subscribe”订阅事件判断 subscribe是一种新的事件,我们先需要做事件类型做判断,我们在官方样例中增加对这一事件的判断,修改如下: $postObj = simplexml_load_string($postStr, 'SimpleXMLElement', LIBXML_NOCDATA); $RX_TYPE = trim($postObj->MsgType); switch ($RX_TYPE) { case "text":…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序url与token如何设置
本文主要介绍了微信小程序url与token设置详解的相关资料,希望通过本文能帮助到大家解决类似问题,需要的朋友可以参考下,希望能帮助到大家。 微信小程序url与token设置详解 新浪云应用sae的代码里创建一个weixin.php文件,写入以下代码 define("TOKEN","myToken");// 后台填写的token,在微信公众平台启用 $wechatObj = new wechatAPI(); $wechatObj-&gt;isValid(); class wechatAPI {   public function isValid()//验证微信接口,验证函数以外的代码和微信公众号开发token设置相同   {      $echoStr = $_GET["echostr"];      if ($this-&gt;checkSignature()) {        header('content-type:text');//add,一定要加入header       echo $echoStr;       exit;      }   }   private function checkSignature()  //官方的验证函数   {      $signature = $_GET["signature"];      $timestamp = $_GET["timestamp"];      $nonce = $_GET["nonce"];      $token = TOKEN;      $tmpArr = array($token, $timestamp, $nonce);      sort($tmpArr, SORT_STRING);      $tmpStr = implode( $tmpArr );      $tmpStr = sha1( $tmpStr );      if( $tmpStr == $signature ){…
2024-11-25 阅读全文 →
FWQ
小程序
小程序与公众号相结合如何运营
小程序与公众号相结合运营的方法:1、菜单目录直接跳转在微信公众号中,可以从菜单目录直接跳转;2、公众号模板消息通过模板消息与小程序进行相连接,让小程序更好的触达用户。 【相关学习推荐:】 小程序与公众号相结合运营的方法: 一、绑定公众号随着小程序不断的更新迭代背靠庞大的用户群体这样的优势,早已实现以微信公众号的对接,即公众号关联小程序。 公众号与小程序关联后,企业可以通过公众号发送消息给粉丝。利用价值的信息来吸引粉丝的好奇心来打开公众号上的小程序信息,小程序就可以通过公众积攒一大批潜在的粉丝,实现公众号粉丝资源的互通。对于用户来说,能有更好的体验,而商家来说能更好的了解消费者的需求,做好数据分析。 二、菜单目录直接跳转在微信公众号中,可以从菜单目录直接跳转,还有可以从资料内容页直接跳转。还有可以做嵌入式推送小程序内容,无需跳转,目前微信对小程序开放了五十多个入口,多样化选择。只要粉丝关注公众号,不仅可以成为内容粉丝还可以实现更多的粉丝变现的方式。 三、公众号图文卡片企业可以通过公众号发布与商品相关的信息,可以选择性在自己文章中插入小程序卡片和链接,可以从文章跳转到小程序;通过小程序和小程序之间的链接,组合使用,相互之间引流。或者是原文链接可以直接跳转到小程序特定的页面,直接跳转的小程序相当一个简易版的商城,用户可以参看商城里面的上新信息,进行购买和支付流程。 四、公众号模板消息通过模板消息与小程序进行相连接,让小程序更好的触达用户。 用户在小程序购买商品后,绑定的公众就会添加模板消息,用户可以通过模板消息掌握物流信息。目前腾讯、阿里、百度、字节跳动等平台都推出了自己的小程序。起步最早的是腾讯旗下的微信小程序,但由于自身特性,他的生态环境相对封闭。而商家在运营推广中,需要据自身的运营场景找到适合自己的推广方式,而这一点上,微信小程序却是美中不足的。 相较于微信小程序,阿里云小程序则更加开放,阿里提出的“一云多端”的概念,可以让商家开发一次小程序,同时在支付宝、微信、百度等多端上运行,能够帮助商家更好的获取互联网全域流量,打通各种应用场景,产生更多的营销玩法。商家在借助小程序做营销的过程中,尽量能够尝试全域、全站的立体化经营,不放过任何一个获取客户的机会。 更多相关了解,可以访问栏目! 以上就是小程序与公众号相结合如何运营的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
分享微信小程序开发石头剪刀布实例代码
这篇文章主要介绍了微信小程序 石头剪刀布实例代码的相关资料,需要的朋友可以参考下 微信小程序 石头剪刀布 昨天看有个石头剪刀布的练习,就拿出来做了一下,布局的代码浪费了很多时间,果然CSS这块的还不是很熟练,下面直接上图上代码了。 .js: var numAi = 0 var timer Page({  data:{  //控制按钮是否可点击  btnState:false,  //记录获胜次数  winNum:0,  //中间的话“Ho~ You Win”  gameOfPlay:'',  //用户选择的图片  imageUserScr:'/pages/image/wenhao.png',  //电脑随机的图片  imageAiScr:'',  //石头剪刀布图片数组  srcs:[  '/pages/image/shitou.png',  '/pages/image/jiandao.png',  '/pages/image/bu.png'  ]  },  …
2024-11-25 阅读全文 →
FWQ
小程序
使用EasyWechat快速开发微信公众号支付
前期准备: 申请微信支付后, 会收到2个参数, 商户id,和商户key.注意,这2个参数,不要和微信的参数混淆.微信参数: appid, appkey, token支付参数: merchant_id(商户号), key(支付密钥)支付密钥怎么得到?到 https://pay.weixin.qq.com –>账户中心–>API安全–>设置API密钥自行设置一个32位的密钥 微信支付流程: 1、composer安装EasyWechat包 环境要求: PHP >= 5.5.9 PHP cURL 扩展 PHP OpenSSL 扩展 安装: composer require overtrue/wechat:~3.1 -vvv…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中的button按钮宽度设置无效怎么办
前言: 不知道你有没有遇到过这样的问题,在小程序中设置button按钮的宽度没有任何效果。如果你也经常遇到这种问题,那就来看看下面的解决方法吧。 方法一:(推荐使用)直接在button按钮上写行内样式 wxml代码示例:   <button>按钮</button> 登录后复制 方法二:删除app.json的配置”style”: “v2” 在app.json 中配置 “style”: “v2″之后就可以启用新版的组件样式,emmm存在即有它的道理,没事咱就不动它了,推荐大家还是用方法一吧。 (学习视频分享:) wxml代码示例: <button>按钮</button> 登录后复制 wxss代码示例 button{   width: 100%; } 登录后复制 相关推荐: 以上就是微信小程序中的button按钮宽度设置无效怎么办的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →