微信小程序工具类

wechat-common-sdk ?

场景:目前工作中的项目需要包含并使用另一个项目。 也许是第三方库,或者你独立开发的,用于多个父项目的库。 现在问题来了:你想要把它们当做两个独立的项目,同时又想在一个项目中使用另一个。

我们举一个例子。 假设你正在开发一个网站然后创建了 Atom 订阅。 你决定使用一个库,而不是写自己的 Atom 生成代码。 你可能不得不通过 CPAN 安装或 Ruby gem 来包含共享库中的代码,或者将源代码直接拷贝到自己的项目中。 如果将这个库包含进来,那么无论用何种方式都很难定制它,部署则更加困难,因为你必须确保每一个客户端都包含该库。 如果将代码复制到自己的项目中,那么你做的任何自定义修改都会使合并上游的改动变得困难。

Git 通过子模块来解决这个问题。 子模块允许你将一个 Git 仓库作为另一个 Git 仓库的子目录。 它能让你将另一个仓库克隆到自己的项目中,同时还保持提交的独立。

##wechat-common-sdk有哪些功能?

  • Interface 小程序公用接口类
  • HttpUtil 小程序http请求类
  • CanvasUtil 小程序 canvas工具类

使用方法

  1. git submodule add https://github.com/richard1015/wechat-common-sdk.git
  2. 在小程序app.js 根目录加入初始化代码
  //app.js
import common from "./wechat-common-sdk/common.js";
var util = require("./utils/util.js");
App({
  commonSdk: {},
  onLaunch: function() {
    var self = this
    console.log(‘App Launch‘)
    self.util = util;
    self.commonSdk = common.init({
      // host:‘http://192.168.160.58:8059/‘,
      source: 7 //7.汇率计算器
    });

    //获取openId
    wx.login({
      success: function(data) {
        let {
          code
        } = data;
        self.commonSdk.Interface.getUserOpenId(code).then(res => {
          if (res.State == 0) {
            wx.setStorage({
              key: ‘openid‘,
              data: res.Value
            })
          }
        });
      }
    });
  },
  onShow: function() {
    console.log(‘App Show‘)
  },
  onHide: function() {
    console.log(‘App Hide‘)
  }
})
// pages/addCurrency/addCurrency.js
let {
  commonSdk,
  util
} = getApp();
Page({

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    var self = this;
    //获取币种接口
    commonSdk.HttpUtil.post("exchange/currency", {
      openId: util.getOpenId(),
      needRmb: true
    }).then((res) => {
      if (res.State == 0) {
        console.log(res)
        let exist = [],
          array = [];
        res.Value.forEach(item => {
          if (item.isExist == 1) {
            exist.push(item)
          } else {
            array.push(item)
          }
        })
        self.setData({
          exist,
          array,
          oldArray: array
        });
      }
    });
  }
})

原文地址:https://www.cnblogs.com/richard1015/p/9924533.html

时间: 2024-10-07 08:17:07

微信小程序工具类的相关文章

微信小程序-工具无法加载本地模拟开发服务的解决办法

微信小程序开发工具出现如下问题: 因为网络代理软件或者 VPN 影响,工具无法加载本地模拟开发服务  请尝试以下任一解决方案1.关闭相关网络代理软件,重新编译成功后,再启动相关网络代理软件: 2.配置相关软件不针对 *.appservice.open.weixin.qq.com 和 *.debug.open.weixin.qq.com 进行代理: 3.配置相关软件不针对 开发者工具 做代理 但是根本没用任何代理,找了很多方法,最终解决: 设置windows防火墙,允许微信web开发者工具使用网络

微信小程序工具篇

"工欲善其事必先利其器",在开始新内容的学习之前,往往会对用哪个IDE开发而苦恼.因为自身硬件条件的限制(公司给配的商务笔记本,真心的是中看不中用.也就是便携这么个有点了).所以在选择IDE方面,个人比较追求,高效.快速.低耗的工具.综合网上各位大神的介绍及个人使用经验.对微信原生IDE,EgretWing,sublime text3 进行比较. 1.高效 以上三种IDE 均支持智能提醒.相对sublime text3 较弱.需要安装第三方插件(下载地址见底部).而且sublime t

前端微信小程序电影类仿淘票票微信小程序

需求描述及交互分析 设计思路和相关知识点 电影界面顶部页签切换效果设计 正在热映界面布局设计 即将上映界面布局设计 电影详情页设计 我的界面列表导航设计 登录设计 相关知识点 (1)swiper滑块视图容器组件,可以实现海报轮播效果动态展示以及页签内容切换效果: (2)wx.request(OBJECT)是用来发起的是 HTTPS 请求: (3)微信小程序支持页面分享功能,可以把指定页面分享给好友或者群,需要使用onShareAppMessage 函数,设置该页面的分享信息: (4)wx.set

微信小程序工具真机调试提示page "xxx/xxx/xxx" is not found

解决方法: pages对象添加该页面 原文地址:https://www.cnblogs.com/Zev_Fung/p/9937464.html

前端微信小程序资讯类仿今日头条微信小程序

需求描述及交互分析 设计思路和相关知识点 新闻频道滑动效果设计 首页新闻内容设计 首页新闻详情页设计 我的界面列表式导航设计 系统设置二级界面设计 设计思路 (1)设计底部标签导航,准备好底部标签导航的图标和建立相应的两个页面: (2)设计新闻频道滑动效果,需要借助于scroll-view可滚动视图容器组件,允许水平方向上进行滑动: (3)设计新闻频道页签切换效果,单击新闻频道页签,显示相应的内容: (4)设计首页新闻内容列表,设计新闻的标题样式.图片的显示以及评论: (5)设计首页新闻详情界面

微信小程序商店 | 即速商店_二手类小程序

即速应用商店_分类最齐全的小程序商店,收录当前最新最热门小程序,汇集各行业小程序案例及评测,在这里可以轻松找到各种实用好玩的小程序,也可免费发布 自己的小程序获取巨大流量 . PS:关于微信小程序商店_即速商店?   如何免费发布微信小程序,获取流量? 微信小程序商店|即速商店_二手小程序 要求:本次安利的可是二手类福利小程序,专业回收/出售各种闲置商品!注意,想在该类目下提交的微信小程序须具备购物.二手相关属性.如小程序内发布虚假违法信息,由小程序主体承担.点击 > 即刻提交 < 本期二手小

微信小程序商店 | 即速商店_福利类小程序

即速应用商店_分类最齐全的小程序商店,收录当前最新最热门小程序,汇集各行业小程序案例及评测,在这里可以轻松找到各种实用好玩的小程序,也可免费发布 自己的小程序获取 巨大流量 . PS:关于微信小程序商店_即速商店?   如何免费发布微信小程序,获取流量? 微信小程序商店|即速商店_福利小程序 要求:本次安利的可是一堆堆福利小程序,各大电商自有平台优惠券代金券随便领!注意,想在该类目下提交的微信小程序须具备购物.福利相关属性.如小程序内发布虚假违法信息,由小程序主体承担.点击 > 即刻提交 <

微信小程序商店 | 即速商店_商城类小程序

即速应用商店-分类最齐全的小程序商店,收录当前最新最热门小程序,汇集各行业小程序案例及评测,在这里可以轻松找到各种实用好玩的小程序,也可免费发布 自己的小程序获取巨大流量 . PS:关于微信小程序商店_即速商店?   如何免费发布微信小程序,获取流量? 微信小程序商店|即速商店_商城小程序 要求:该类目下提交的微信小程序须具备购物.商城相关属性.如小程序内发布虚假违法信息,由小程序主体承担.点击 > 即刻提交 < 本期商城小程序推荐: ? 女王名品show 测评:女王名品show小程序,免费学

微信小程序商店 | 即速商店_团购类小程序

即速应用商店-分类最齐全的小程序商店,收录当前最新最热门小程序,汇集各行业小程序案例及评测,在这里可以轻松找到各种实用好玩的小程序,也可 免费发布 自己的小程序获取 巨大流量 . PS:关于微信小程序商店_即速商店?   如何免费发布微信小程序,获取流量? 微信小程序商店|即速商店_团购小程序 要求:该类目下提交的微信小程序须具备购物.团购相关属性.如小程序内发布虚假违法信息,由小程序主体承担.点击 > 即刻提交 < 本期团购小程序推荐: ? 网易一起拼lite 测评:网易一起拼小程序只做优质