
WeChat
damys
态度决定一切,积累决定层次,思维决定行为,习惯决定命运
展开
-
WeChat----MINIProgram getToken
获取服务器Tokenconst getTokenFromServer = () => { return new Promise((resolve, reject) => { login().then(res => { request(getTokenUrl, {code: res.code}).then(res => { if (config.debug) { console.log('get token:')原创 2020-11-20 15:57:35 · 343 阅读 · 0 评论 -
WeChat----MINIProgram checkToken
检测服务器Tokenconst checkTokenFromServer = (token) => { return new Promise((resolve, reject) => { request(checkTokenUrl, {token: token}).then(res => { if (config.debug) { console.log('verfiy Token:') console.log(res.data)原创 2020-11-20 15:55:46 · 222 阅读 · 0 评论 -
WeChat---MINIProgram checkLogin
检测登录const checkLogin = () => { return new Promise((resolve, reject) => { const token = wx.getStorageSync('token'); if (!token) { if (config.debug) { console.log('checkLogin ------ get token') } getTokenFromServ原创 2020-11-20 15:51:44 · 433 阅读 · 0 评论 -
WeChat----网站接入微信登录(后端)
后端处理扫码后,跳转到redirect_uri 指定url, 获取code, 类似https://pc.xxx.com/#/weChartLogin?code=0814nWQI0wTnNd2r8VRI0raZQI04nWQg&state=41HSvAje89NJt9WN1. 通过code获得 access_token + openid$url="https://api.weixin.qq.com/sns/oauth2/access_token?appid=" . $appid. "&原创 2020-10-07 16:25:11 · 1164 阅读 · 0 评论 -
WeChat----网站接入微信登录(前端)
网站接入微信登录标识符长度openid 长度:28,普通用户的标识,对当前开发者帐号唯一。一个openid对应一个公众号unionid 长度:29,用户统一标识。针对一个微信开放平台帐号下的应用,同一用户的unionid是唯一的同个开发账号下的应用 有个unionid是一样的, 用一个微信号就可以同时跨平台登陆公众号、移动应用和PC网站,无需重新注册,方便快捷微信网页版本的时候,生成微信二维码用户扫描登录,此时获取的openid和前面我们所说通过微信客户端获取的openid就不是一样的,但是U原创 2020-10-07 16:21:03 · 3623 阅读 · 3 评论 -
WeChat---MINIProgram onLaunch与onload异步
onLaunch与onload异步处理的方式有很多,可以在app.js 定义,也可单独定义, 建议使用 Promise 处理定义检测方法 hasLogin() { return new Promise((resolve, reject) => { const token = wx.getStorageSync('token'); if (!token) { console.log('hasLogin....') wx.login(原创 2020-09-22 16:23:42 · 537 阅读 · 0 评论 -
WeChat----MINIProgram Http封装2
http 封装import { config } from './config.js' function getHeader() { if (wx.getStorageSync('token')) { return { 'content-type': 'application/json', 'token': wx.getStorageSync('token') } } return { 'content-type': 'application原创 2020-09-14 10:09:47 · 510 阅读 · 0 评论 -
WeChat----MINIProgram Page 页面使用
Page 页面使用import { ThemeModel } from '../../models/ThemeModel.js';const themModel = new ThemeModel();Page({ /** * 页面的初始数据 */ data: { loadingHidden:false, baseRequestUrl: themModel.getApiBaseUrl() }, /** * 生命周期函数--监听页面加载 */原创 2020-09-13 17:08:19 · 1956 阅读 · 0 评论 -
WeChat----MINIProgram Mode层
Mode 类主题类import { HTTP } from '../utils/http.js';// 主题class ThemeModel extends HTTP { getAll() { return this.request({ url: 'theme/getAll', }) } get(id) { return this.request({ url: 'theme/get?id=' + id, }) }}原创 2020-09-13 16:50:51 · 386 阅读 · 0 评论 -
WeChat---MINIProgam http类方法封装
http.jsimport { config } from './config.js';import { md5 } from './md5.js';// 提示信息const tips = { 1:"抱歉,出现了一个错误", 2:"appkey 无效", 404:"不存在"}// promise 请求class HTTP { // 方式1:子类型访问的配置参数 constructor() { this.apiBaseUrl = config.api_base原创 2020-09-13 16:45:03 · 246 阅读 · 0 评论 -
Wechat----components 搜索组件2
components 搜索组件2index.json 引用所需组件{ "component": true, "usingComponents": { "v-tag" : "/components/tag/index", "v-book": "/components/book/index", "v-loading": "/co原创 2019-03-04 09:38:39 · 176 阅读 · 0 评论 -
Wechat----components 搜索组件
components 搜索组件index.jsimport { KeywordModel } from '../../models/keyword.js'import { BookModel } from '../../models/book.js'import { paginationBev } from '../behaviors/paginationBev.js'const ke...原创 2019-03-04 09:36:34 · 314 阅读 · 0 评论 -
Wechat----Model 搜索 keyword
book 搜索import { HTTP } from "../utils/http_p.js"class KeywordModel extends HTTP{ key = 'q' maxLenght = 10 // 最多10条 /** * 获取历史搜索 */ getHistory(){ const words = wx.getStorageSyn...原创 2019-03-04 09:34:00 · 251 阅读 · 0 评论 -
Wechat----显示页面 pages book
pagespages/book/book.jsimport { BookModel } from '../../models/book.js'import { random } from '../../utils/util.js'const bookModel = new BookModel()Page({ /** * 页面的初始数据 */ data: { ...原创 2019-02-22 09:19:36 · 411 阅读 · 0 评论 -
Wechat----一路有风小程序目录结构,开始
### 目录结构首页2. 书本列表2. 书本搜索2. 书本详细我的注:原于学习“七月“小程序 ”林间有风“,接口数据数据均来源于此原创 2019-02-21 11:29:20 · 248 阅读 · 0 评论 -
Wechat----启动机制,思想
冷启动, 热启动小程序启动会有两种情况,一种是「冷启动」,一种是「热启动」「冷启动」: 是用户首次打开或小程序被微信主动销毁后再次打开的情况,此时小程序需要重新加载启动「热启动」: 用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时无需重新启动,只需将后台态的小程序切换到前台,这个过程就是热启动更新机制:小程序冷启动时如果发现有新版本,将会异步下载新版本的代码包,并同时用客户...原创 2019-02-21 11:34:09 · 415 阅读 · 0 评论 -
Wechat----app.json 是对整个小程序的全局(公共)配置
{ "pages": [ "pages/classic/classic", "pages/classic-detail/classic-detail", "pages/index/index", "pages/book/book", "pages/book-detail/book-detail", "原创 2019-02-21 11:40:58 · 338 阅读 · 0 评论 -
Wechat----自定义组件
自定义组件: button imageComponent({ options:{ multipleSlots:true }, /** * 组件的属性列表 */ properties: { openType: { type:String } }, /** * 组件的方法列表 */ methods...原创 2019-02-21 11:45:26 · 396 阅读 · 0 评论 -
Wechat----自定义组件扩展机制
自定义组件扩展机制(行为)为了更好定制自定义组件的功能,可以使用自定义组件扩展机制一般使用:抽取公共行为1. 定认一个行为文件,behaviors/classicBeh.jsconst classicBeh = Behavior({ properties:{ img:String, content:String, hidden:Boolean }, ...原创 2019-02-21 11:50:27 · 209 阅读 · 0 评论 -
Wechat----wxs
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构注意:wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 javascript 文件中定义的函数,...原创 2019-02-21 11:54:03 · 248 阅读 · 0 评论 -
Wechat----自定义配置文件
一般命名为config.jsconst config = { /api_base_url: "http://bl.7yue.pro/v1/", appkey: " 去申请 http://7yue.pro"}// 只写一个// export { config as config2};export { config }原创 2019-02-21 11:56:31 · 809 阅读 · 0 评论 -
Wechat---组件 Components book
目录bookbook.jsComponent({ /** * 组件的属性列表 */ properties: { book:Object // 有多个可以写一个对象 }, /** * 组件的初始数据 */ data: { }, /** * 组件的方法列表 */ methods: { // 写在模板...原创 2019-02-21 12:00:24 · 348 阅读 · 0 评论 -
Wechat----组件扩展(行为)
分页加载/components/behaviors/paginationBevconst paginationBev = Behavior({ data: { dataArray:[], total: null, noneResult:false }, methods: { /** * 重置数据 */ initi...原创 2019-02-21 12:28:28 · 282 阅读 · 0 评论 -
Wechat----model 层 book
model 层book models, 与page 分开管理url 参数说明:因为原请求地址不支持https, 固做了二次封装请求,以满足小程序https 的要求import { HTTP } from '../utils/http_p.js'class BookModel extends HTTP{ /** * 获取最新的 book */ getHotList()...原创 2019-02-21 12:33:58 · 242 阅读 · 0 评论 -
微信小程序----实例源码大全下载
微信小应用示例代码(phodal/weapp-quick)源码链接:https://github.com/phodal/weapp-quick微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)源码链接:https://github.com/giscafer/wechat-weapp-mapdemo微信小应用- 掘金主页信息流(hilongjw/weapp-g转载 2017-06-06 09:13:08 · 2970 阅读 · 0 评论