如何将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项目发布到企业微信上。

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