=>微信小程序开发
小程序开启大世界
飞翔的哈士奇
帐号已弃更,转Github(DelinQu) — 2021.05
展开
-
微信小程序用websocket实现广播服务
博客简介本篇博客将要介绍如何用websocket实现一个广播,也就是说将客户和服务器建立连接,并且当任意一个客户发送消息的时候将他的消息回发给所有用户,其中,我们将会用微信小程序和网页客户端模拟,要点如下:配置小程序,建立客户端和服务器的链接,并且发送消息,监听服务器回发消息配置网页客户端服务器监听前端发送的消息并且回发服务器优化客户断开连接配置小程序微信小程序端需要做的配置有:...原创 2020-02-19 18:10:50 · 1963 阅读 · 0 评论 -
微信小程序webSocket
博客简介本篇博客介绍微信小程序中webSocket的使用方法,以及如何用局部网络建立webSocket连接,进行客户端与服务器之间的对话:webSocket简介微信小程序端API调用服务器端使用nodejs配置演示websocketwebSocket简介WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服...原创 2020-02-19 17:22:01 · 1359 阅读 · 0 评论 -
微信小程序订阅消息功能实现
博客简介本篇博客介绍如何自建服务器使用微信小程序的订阅消息功能,消息能力是小程序能力中的重要组成,为实现服务的闭环和更优的体验。使用方法步骤如下:步骤一:获取模板 ID步骤二:获取下发权限步骤三:调用接口下发订阅消息步骤一:获取模板 ID在使模板的过程中,我们必须知道要获取的是哪个模板,微信官方为我们提供了这样的模板,我们需要订阅模板,并且获取模板的唯一标识id:在微信公众平台...原创 2020-02-18 16:43:07 · 29085 阅读 · 7 评论 -
微信小程序获取access_token
博客简介本篇博客介绍如何用服务器获取小程序全局唯一后台接口调用凭据(access_token)。调用绝大多数后台接口时都需使用access_token,开发者需要进行妥善保存。分为以下三个部分:auth.getAccessToken接口介绍前端发送request请求后端调用getAccessToken接口auth.getAccessToken接口介绍接口地址:GET https:...原创 2020-02-18 16:25:20 · 10732 阅读 · 1 评论 -
微信小程序获取openId
博客简介本篇博客介绍如何用服务器获取openId,当然你也可以更方便地使用微信提供的云开发获取。步骤如下:调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。在服务器中拼接字符串,得到完整URL发送网络请求,调用 auth.code2Session 接口,换取 用户唯一标识 OpenID 和 会话密钥 session_key。示意图如下:调用 wx.l...原创 2020-02-18 09:53:10 · 2423 阅读 · 0 评论 -
微信小程序上传和下载文件
博客简介本篇博客介绍微信小程序如何将文件上传到服务器,如何从服务器下载文件,主要步骤如下:搭建服务器uploadFile上传文件downloadFile下载文件搭建服务器既然想要将文件上传到服务器,那么我们首先要搭建一台服务器,这里用到的是新浪云的sae服务器,免费搭建并且提供免费域名,官方网址为:https://www.sinacloud.com/进入控制台点击创建应用进...原创 2020-02-15 20:27:47 · 10075 阅读 · 0 评论 -
微信小程序豆瓣电影
博客简介本篇博客是一个经典的豆瓣电影微信小程序实战项目,由于豆瓣API不再对公众开放,这个小项目遇到了不少的阻力,但是最终基本上都得到了解决,本篇博客的中心也是API的调用:项目展示构架和配置城市热榜获取豆瓣电影Top250获取获取电影详情豆瓣电影搜索项目展示项目主要实现了轮播图,城市热榜获取,豆瓣电影Top250列表,电影详情页,电影搜索:构架和配置这里主要是用...原创 2020-02-14 23:01:57 · 6647 阅读 · 8 评论 -
豆瓣电影API
博客简介最近在做微信小程序《豆瓣电影》,当试图调用豆瓣API的时候发现官方的豆瓣API不再对公众开放了。在网上找了很多博客,找到了一些解决的方法,本想直接新建服务器,奈何服务器要价对本学生党不友好,遂用替代接口解决:一些大佬自己配置了服务器,还原了官方的接口,可以用作替代,详情可以参考:https://github.com/zce/douban-api-docs/blob/master/docs...原创 2020-02-14 22:01:25 · 5135 阅读 · 4 评论 -
微信小游戏——贪吃蛇
博客简介本篇博客介绍的是微信小游戏贪吃蛇的案例,详细的开发过程,并且提供代码压缩包下载。案例简介布局构建对象响应事件蛇头对象的移动蛇身的移动食物刷新绘制得分碰撞检验开始界面和结束界面前后台的切换添加音频源码下载案例简介作者学习微信小程序时偶然想到贪吃蛇游戏,画布绘制了一番,突发了做贪吃蛇的想法。由于还没有正式开始学习小游戏,并且只是想要简单的做出这个程序来,就没...原创 2020-02-12 12:03:01 · 4913 阅读 · 0 评论 -
微信小程序地图定位
博客简介本篇博客介绍如何用map组件和getLocation,openLocation来在地图上显示当前位置,或者打开新的地图窗口getLocation获取当前位置并且定位在地图上openLocation打开新的窗口定位地图getLocation获取当前位置并且定位在地图上获取当前位置十分简单,只需要调用getLocationAPI即可参数如下:属性 类型 默认值 必填 说明 最...原创 2020-02-09 20:08:49 · 2398 阅读 · 0 评论 -
微信小程序拍照实现
博客简介本篇博客介绍组件camera以及如何使用wx.createCameraContext()创建 camera 上下文 CameraContext 对象,使用CameraContext.takePhoto(Object object)拍摄照片,获取临时保存的照片组件camera用wx.createCameraContext()创建 camera 上下文 CameraContext 对...原创 2020-02-09 17:36:51 · 4610 阅读 · 0 评论 -
微信小程序操作反馈
博客简介本篇博客介绍微信小程序中界面与用户交互响应用户的操作进行反馈的方法,包括4类反馈:显示消息提示框wx.showToast显示模态对话框wx.showModal显示 loading 提示框wx.showLoading显示操作菜单wx.showActionSheet显示消息提示框wx.showToastwx.showToast用于显示消息提示框,提示用户操作的状态wx.sh...原创 2020-02-09 15:16:21 · 1865 阅读 · 2 评论 -
进度条的实现
博客简介本篇博客介绍微信小程序中用prograss组件来方便地实现小程序的进度条效果,以及使用JScript来设置不同的效果实现progress组件介绍实现进度条效果用JScript实现进度条效果progress组件介绍 进度条。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。 属性 类型 默认值 必填 说明 最低版本 percent number 否 百...原创 2020-02-08 20:47:07 · 496 阅读 · 0 评论 -
轮播图的实现
博客简介本篇博客介绍用swiper组件来方便地实现小程序的轮播图效果,同时结合slider滑动选择器,switch组件来设计控件,对轮播图的切换效果和速度进行控制:swiper组件介绍实现轮播效果slider滑动选择器介绍switch开关介绍用slider和switch设计控件GIF展示swiper组件介绍 滑块视图容器。其中只可放置swiper-item组件,否则会导致未定...原创 2020-02-08 19:45:52 · 565 阅读 · 0 评论 -
TabBar设置
博客简介本篇博客介绍小程序的TabBar设置方法,并且提供图片资源供大家下载属性设置方法举例图片资源如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。属性以下是Tabbar的全部属性:属性 类型 必填 默认值 描述 最低版本 color HexColor...原创 2020-02-07 11:38:11 · 869 阅读 · 0 评论 -
微信小程序天气预报
关于博客简介本篇博客介绍的是一个经典的小天气入门项目——天气预报的制作过程,包含了详细的步骤:WXML标记和WXSS样式获取经纬度信息获取位置信息获取实况天气数据绑定小程序发布效果展示那么话不多述,开始设计WXML标记和WXSS样式关于在开始编写WXML标记和WXSS样式时,我们要先给整个程序的布局做出规划,这个程序布局十分简单:整个页面分为两个部分实况天气上面部分...原创 2020-02-05 22:37:47 · 6447 阅读 · 11 评论 -
调用和风天气API获取天气实况
博客简介本篇博客介绍微信小程序如何通过和风天气获取当地的天气实况原创 2020-02-05 22:05:57 · 10390 阅读 · 1 评论 -
小程序通过API获取位置信息 微信API 百度地图API
博客简介本篇博客介绍如何调用微信API获取经纬度,如何调用百度地图API获取实物位置微信API获取位置信息百度地图API获取实物位置微信小程序获取经纬度百度地图获取实物位置...原创 2020-02-05 21:42:18 · 4572 阅读 · 1 评论