如何将Uniapp项目发布到企业微信

1. 简介

企业微信是一款企业专用通讯工具,拥有微信朋友圈、微信支付等功能,并新增了企业应用等专有功能。Uniapp是一套跨平台的开发框架,可以用一套代码在多个平台上运行,包括了微信小程序、H5网页、Android和iOS的原生应用等。那么如何将Uniapp项目发布到企业微信上呢?下面来一步步介绍。

2. 集成企业微信JSAPI的SDK

2.1 下载SDK

在官网https://open.work.weixin.qq.com/wwopen/doc/welcomesdk/ww_build下载企业微信JSAPI的SDK。

2.2 导入SDK

下载好后将SDK解压,并导入到Uniapp项目的static文件夹下。在index.html文件中进行引用:

<script src="static/wwLogin/js/wwLogin.js"></script>

3. 注册企业微信的应用

在企业微信中,需要注册一个应用来进行开发。

3.1 注册应用

首先登录企业微信,进入管理工具,在左侧菜单中选择“应用管理”,然后点击“创建应用”。

在创建应用的过程中,需要填写应用名称、logo、应用主页等信息,在“可见范围”中可以选择企业内可见或者对外可见,开发者需要根据具体需求进行选择,最后点击“完成”。

3.2 获取应用的AgentId与CorpId

创建完成后,在应用详情中可以获取到应用的AgentId与CorpId,需要记录下来,后面进行开发时会用到这两个参数。

4. 开发企业微信应用

在进行企业微信应用开发时,需要按照企业微信提供的JSAPI进行开发,包括授权登录、通讯录、分享等功能。

4.1 授权登录

授权登录是指用户在企业微信中点击登录按钮后,进行登录授权操作,开发者在后台拿到用户的个人信息。

在Uniapp项目中,可以使用第三方JSAPI库:wwLogin.js来实现授权登录功能。在JS代码中,需要引入wwLogin.js库,并且进行初始化,设置企业微信应用的CorpId、AgentId、回调地址等参数,然后再进行登录授权。

// 引入wwLogin.js

import { WechatWork } from 'static/wwLogin/js/wwLogin.js';

// 设置CorpId与AgentId

let _that = this;

let apis = {

corpid: 'yourCorpid',

agentid: 'yourAgentid',

apk_name: _that.apk_name,

redirect_uri: _that.redirect_uri

};

let wxwork = new WechatWork('login_container', apis);

// 进行登录授权

wxwork.on('auth', function(data) {

_that.code = data.code;

// 通过code获取用户个人信息

_that.getUserInfo();

});

4.2 通讯录

通讯录是企业微信中非常重要的功能,开发者可以通过JSAPI来实现部门、用户的增删改查等操作。

在实现通讯录功能时,需要使用企业微信提供的JSAPI库:jweixin.js。在Uniapp项目中,通过引入jweixin.js来实现相关功能。

import jweixin from 'jweixin-module';

jweixin.invoke('selectEnterpriseContact', {

fromDepartmentId: -1,

mode: 'multi',

type: ['user', 'department'],

success: function(res) {

// 返回选择的部门、成员列表信息

console.log(res);

},

fail: function(res) {

console.log(res);

}

})

5. 部署应用

完成应用开发后,需要将应用部署到企业微信中,才能给用户使用。

5.1 将应用提交到企业微信审核

在应用详情中,点击“版本管理”,将开发完成的应用进行打包,然后通过“上传新版本”的方式提交到企业微信进行审核。

5.2 发布应用

应用审核通过后,开发者需要将应用进行发布,才能让用户使用。

在应用详情的“版本管理”中,选择需要发布的版本,点击“发布”按钮即可将应用进行发布。

6. 总结

以上就是将Uniapp项目发布到企业微信的详细步骤,包括了集成企业微信JSAPI的SDK、注册企业微信的应用、开发企业微信应用、部署应用等多个方面的内容。希望可以帮助大家顺利地将Uniapp项目发布到企业微信上。