微信小程序开发
不知火猪
这个作者很懒,什么都没留下…
展开
-
微信小程序 official-account 关注微信公众号组件
official-account组件说明:用户扫码打开小程序时,开发者可在小程序内配置公众号关注组件,方便用户快捷关注公众号,可嵌套在原生组件内。先说明一个重点啊:想使用这个组件,小程序基础库要在2.3.0及以上,要不然是不会显示的。文档上那一行小字太容易让人忽视了,反正我打眼一看是没看到。。。使用注意事项:使用组件前,需前往小程序后台,在“设置”->“接口设置”-&g...原创 2019-11-08 22:50:54 · 1241 阅读 · 0 评论 -
10分钟精通微信小程序 | 云函数【九】
云函数(服务端的使用)配置项目云函数路径在项目根目录找到 project.config.json 文件,新增 cloudfunctionRoot 字段,指定本地已存在的目录作为云函数的本地根目录最好为相对路径project.config.json :{ "cloudfunctionRoot": "./cloud/functions/" //项目根目录下的cloud/fun...原创 2019-03-24 14:39:09 · 587 阅读 · 0 评论 -
无需Linux 服务器 10分钟精通微信小程序 | 云函数异步返回结果【十】
异步返回结果 promise()方法在云函数中处理一些异步操作,在异步操作完成后再返回结果给到调用方。此时我们可以通过在云函数中返回一个 Promise 的方法来完成。一个最简的 setTimeout 示例:// index.jsconst cloud = require('wx-server-sdk')cloud.init()exports.main = async (eve...原创 2019-03-24 14:39:41 · 1530 阅读 · 0 评论 -
微信小程序之发送模板消息(通过openid推送消息给用户)
一、获取access_tokenaccess_token是接口调用的凭证,目前有效期为两个小时,需要定时刷新,重复获取将导致上次获取的access_token失效。(注:不建议每次调用需要access_token的接口,都去重新获取access_token,会导致失败)获取access_token的接口地址:https://api.weixin.qq.com/cgi-bin/token?gr...转载 2019-04-27 10:50:43 · 7871 阅读 · 1 评论 -
微信小程序获取小程序openid和session_key 登陆的实现
微信小程序中做用户登录与登录态维护的实现详解 让用户登录,标识用户和获取用户信息,以用户为核心提供服务,是大部分小程序都会做的事情。我们今天就来了解下在小程序中,如何做用户登录,以及如何去维护这个登录后的会话(Session)状态。下面来看看详细的介绍:小程序的登陆流程 微信小程序的登陆涉及到的有三剑客有: 小程序客户端 微信服务器 自己的服务器下面我们就来逐步分解一下...原创 2018-09-04 14:45:34 · 8349 阅读 · 7 评论 -
php实战微信公众号获取用户openid信息
PHP 微信开发(获取用户信息):获取用户信息的大致算法是用户授权登录第三方网站,重点:scope参数:snsapi_basic 静默登录,不需要用户授权,只能获取到openid;snsapi_userinfo ,需要用户点击授权,能获取到openid和所有用户信息;第一步:先获取用户的code值; 第二步:根据code值去获取access_token,每次请求的值都不一...原创 2016-09-16 17:02:50 · 7700 阅读 · 0 评论 -
微信小程序如何快速开通流量主功能
1、先开发小程序,小程序需要有亮点,毕竟新颖(这样别人才更好去点击查看)2、条件是独立访客(UV)不低于1000,1000人说多不多,说少也不少,因为小程序是没有链接的,是不可以进行一个流量刷取的,独立访客是需要1000个实实在在的用户,并不是访问量。3、开发好小程序之后,自己要为自己宣传,前提小程序需要做的完美,小程序一定要做分享功能,将小程序分享到个人、微信群、朋友圈,这样估计很容易就达到...原创 2019-04-30 11:33:39 · 4173 阅读 · 0 评论 -
微信小程序云开发如何使用npm安装依赖
首先强调一下,云开发中必须安装 wx-server-sdk 依赖, 而wx-server-sdk 依赖需要使用 npm 的。但由于部分开发过程可能不再需要其他的依赖,那么每次开发都要使用 npm 安装依赖是一件很麻烦的事情。微信为了简化云开发操作,提供了一键云端安装 wx-server-sdk 依赖,也就是在云端帮助我们搞定,不需要我们手动在本地使用 npm 安装,如下图:如果某个自建的云函数需...原创 2019-05-13 14:02:17 · 4234 阅读 · 0 评论 -
0基础学会|微信小程序下载-预览-PDF|Word|XLS文档文件
前言我们经常需要打开各种文档,无论是学习还是工作中,电子书一大把,怎么在小程序上打开阅读呢? 学小程序,找猪哥就对了。js核心代码:* 下载文件并预览*/ readPdf(e){ console.log(e); // 接收传入的下载地址参数 let type = e.currentTarget.dataset.type; 下载类型 let url = e.cur...原创 2019-08-14 10:37:17 · 1319 阅读 · 0 评论 -
微信小程序常见问题总结|持续更新中
Q:小程序添加业务域名为什么报域名不合法?A:很明显,这里说了,首先域名需要备案,其次,需要刷新当前开发者工具,点击右边的详情查看是否刷新域名列表。...原创 2019-08-10 14:59:51 · 238 阅读 · 0 评论 -
零基础学微信小程序云开发|获取用户openid
前言现在微信小程序越来越火,本着帮助每个人都能学会小程序的态度,把我所学知识免费分享给大家,希望对你有所帮助,另外需要做公众号、小程序的客户可以联系我现在,小编准备将这些知识免费分享给大家,如果另有需要可以联系我。一:创建function目录文件夹在项目根目录创建function文件夹,然后右键创建nodejs云函数openid,之后会自动生成index.js 和project.josn...原创 2019-08-11 14:10:55 · 575 阅读 · 0 评论 -
不知火猪|0基础学微信小程序云开发|触发云函数
前言利用云开发定发送消息,怎么做呢?微信小程序为我们提供了一个接口来,实现云函数的出发,也就打通了外部程序调用微信云开发的“任督二脉”触发云函数接口地址POST https://api.weixin.qq.com/tcb/invokecloudfunction?access_token=ACCESS_TOKEN&env=ENV&name=FUNCTION_NAME请求参数...原创 2019-08-11 14:37:08 · 297 阅读 · 0 评论 -
微信小程序自动定位当前位置
微信小程序更新了功能现在使用wx.getlocation需要在app.json里面添加permission不然会无法使用 "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序...原创 2019-08-11 15:19:48 · 2738 阅读 · 0 评论 -
0基础学微信小程序云开发|分享配置和携带参数分享
分享很简单,有区分右上角的直接分享和点击按钮分享onShareAppMessage: function (res) { // 右上角分享 let ShareOption = { title: '21天体重减肥记录', path: '/pages/index/index', } // ...原创 2019-08-11 15:56:09 · 436 阅读 · 0 评论 -
10分钟精通微信小程序云存储 | 云存储 【八】
云存储云存储提供高可用、高稳定、强安全的云端存储服务,支持任意数量和形式的非结构化数据存储,如视频和图片,可在控制台进行可视化管理。云存储包含以下功能:存储管理:支持文件夹,方便文件归类。支持文件的上传、删除、移动、下载、搜索等,并可以查看文件的详情信息权限设置:可以灵活设置哪些用户是否可以读写该文件夹中的文件,以保证业务的数据安全上传管理:可以查看文件上传历史、进度及状态文...原创 2019-03-24 14:38:24 · 3091 阅读 · 0 评论 -
10分钟精通微信小程序 | 增删改查【七】
查询数据在记录和集合上都有提供 get 方法用于获取单个记录或集合中多个记录的数据。获取一个记录的数据collection 传入集合table名称doc 传入记录的 ID 值假设我们已有一个 ID 为 todo-identifiant-aleatoire 的在集合 todos 上的记录,那么我们可以通过在该记录的引用调用 get 方法获取这个待办事项的数据db.colle...原创 2019-03-24 14:37:24 · 1230 阅读 · 0 评论 -
微信小程序 Https免费证书配置
微信小程序开发之-Https免费证书配置 有任何问题可以扫码加我微信,有偿解决问题。承接小程序开发。 微信小程序开发交流qq群 870222928;微信小程序开发必须使用https证书,同时网站必须备案后才可以使用, 国内一般都是阿里云、腾讯云服务器,也可免费证书的安装 这里是我使用的永久免费的证书相关简介Let’s Encrypt如果要启用HTTPS,我们...原创 2018-09-04 15:03:27 · 4329 阅读 · 1 评论 -
微信小程序开发实现轮番图效果swiper 组件
轮番效果在很多的网站主页或者手机应用端都能看到,在微信小程序中使用swiper组件来实现图片轮番,今天的小例子效果如下: 为了方便演示我将动画切换的间隔调整为3s,现实项目中一般为5s,具体看项目需求而定。 实现图片轮番使用swiper滑块视图容器组件,页面结构文件代码如下:<!--mySwiper.wxml--><view class="container...原创 2018-09-08 13:55:25 · 859 阅读 · 0 评论 -
微信小程序-插件未授权访问 解决方案
微信小程序-插件未授权访问登陆微信公众平台 - 在微信小程序管理后台中,按 APPIDx x x x 或名字,搜索到该插件,点击添加,即可在代码中使用 。在 app.json 里,声明该插件的引入,目前该插件为版本,provider为该插件的 APPID,为自定义的插件名称。"plugins": {"插件名": { "version": &a原创 2019-08-11 17:07:53 · 24364 阅读 · 3 评论 -
【小程序-云开发】手把手教你使用云开发(云储存开发)
【小程序-云开发】手把手教你使用云开发(云储存开发) 话说上次程序员哥哥,教会美工妹妹创建小程序云开发的环境后;发现在云开发环境中竟然送了一个5G的储存空间。于是琢磨来琢磨去反正白用白不用,这5G储存空间用来做什么好呢?终于灵光一闪,做个私有的照片储存小程序吧!毕竟5G的空间可以储存2000张左右的照片,刚好可以把手机重要的照片保存一下。 在写这个照片储存小程序前先要理清这个小程...原创 2018-11-25 09:51:31 · 6398 阅读 · 0 评论 -
微信小程序 悬浮按钮 返回和分享按钮
效果图:数据:依赖微信小程序接口wx.redirectTo、onShareAppMessage来完成跳转接口:https://developers.weixin.qq.com/miniprogram/dev/api/wx.redirectTo.html?search-key=redirectTo前端处理:1.设置两个按钮 2。绑定对应的事件wxml代码:css代码:###...原创 2019-02-22 08:11:26 · 1800 阅读 · 0 评论 -
微信小程序之分享功能
微信小程序之分享功能小程序风口正盛,将小程序作为获客的来源之一实在合适不过,想要让小程序的获客产生裂变,那么从将小程序的数据发送出去势在必行,本文提供以下几种方案作为数据出口,达到老拉新/口碑传播的效果。本文中所介绍的东西并没有高深的技术含量,都是一些很简单的技巧而已。一、分享:让用户使用小程序之后,再将它分享给好友,或者发送到朋友圈,实在太合适不过了。1.转发给好友/群:在小程序开发...转载 2019-02-27 22:44:10 · 1883 阅读 · 0 评论 -
微信小程序服务器请求和上传数据,上传图片并展示,提交表单完整实例代码附效果图
为了方便大家,下面列出微信请求服务器常用的几种方式,并附上代码和注释。一: GET请求(最常用的)wx.request({url: ‘https://URL’, //这里’'里面填写你的服务器API接口的路径data: {}, //这里是可以填写服务器需要的参数method: ‘GET’, // 声明GET请求// header: {}, // 设置请求的 header,GET请求...原创 2019-02-24 10:29:19 · 1640 阅读 · 0 评论 -
微信小程序云开发 | 获取用户openid【一】
一:创建function目录文件夹在项目根目录创建function文件夹,然后右键创建nodejs云函数openid,之后会自动生成index.js 和project.josn.cofig 文件二:引入云开发并创建环境在app.js中引入 wx.cloud.init({env:'云开发坏境的id',traceUser:true)) onLaunch: function () {...原创 2019-03-24 14:24:52 · 6916 阅读 · 2 评论 -
微信小程序云多图上传并存储路径到云数据库【二】
点击链接加入群聊【微信小程序❶群】:先来看最终效果:一:写一个简单的界面,主要是利用小程序上传文件api接口来实现:<view class='pulishBtn' bindtap='doUpload' >上传</view>二:js:doUpload函数:wx.chooseImage 选择图片的方式分为两种,拍照或者从相册选择图片。wx.showLo...原创 2019-03-24 14:27:41 · 7445 阅读 · 0 评论 -
10分钟精通微信小程序 | 光速入门【三】
###云数据库一:查询云数据库中的数据// 1. 获取数据库引用const db = wx.cloud.database()// 2. 构造查询语句// collection 方法获取一个集合的引用// where 方法传入一个对象,数据库返回集合中字段等于指定值的 JSON 文档。API 也支持高级的查询条件(比如大于、小于、in 等),具体见文档查看支持列表// get 方法会...原创 2019-03-24 14:30:22 · 612 阅读 · 0 评论 -
10分钟精通微信小程序 | 云控制台【四】
###云开发控制台云开发提供了一个控制台用于可视化管理云资源。控制台包含以下几大模块。概览:查看云资源的总体使用情况用户管理:查看小程序的用户访问记录数据库:管理数据库集合、记录、权限设置、索引设置存储管理:管理云文件、权限设置云函数:管理云函数、查看调用日志、监控记录统计分析:查看云资源详细使用统计用户管理触发规则:在用户管理中会显示使用云能力的小程序的访问用户列表...原创 2019-03-24 14:32:05 · 769 阅读 · 0 评论 -
10分钟精通微信小程序 | 云数据库增删改查【五】
云数据库中的增删改查:数据类型云开发数据库提供以下几种数据类型:String:字符串Number:数字Object:对象Array:数组Bool:布尔值GeoPoint:地理位置点Date:客户端时间Null【增加】分为手动添加和直接导入json数据文件1.首先要在云开发控制台中,创建一个集合(table)打开控制台,选择 “数据库” 标签页,通过 “添加集合” 入...原创 2019-03-24 14:33:46 · 948 阅读 · 0 评论 -
10分钟精通微信小程序 | 增删改查 【六】
【单条数据修改】更新数据更新某个字段:例如将状态改为已完成。update 方法db.collection('todos').doc('todo-identifiant-aleatoire').update({ // data 传入需要局部更新的数据 data: { // 表示将 done 字段置为 true done: true }, success(...原创 2019-03-24 14:35:30 · 606 阅读 · 0 评论 -
微信小程序开发之-Https免费证书配置
微信小程序开发之-Https免费证书配置目录微信小程序开发之-Https免费证书配置目录微信小程序开发必须使用https证书,同时网站必须备案后才可以使用,免费证书的安装开始部署配置Nginx启动HTTPS设置证书自动续期备注: 有问题可以扫码加我微信,有偿解决问题。承接小程序开发。 微信小程序开发交流qq群 8702229...原创 2018-08-28 16:19:53 · 7313 阅读 · 0 评论