ユニアプリマイクロチャネル適応機能アプレットの雲

入門

身近ユニアプリの人々は、適応を対応する(総称して本明細書のクラウド機能と呼ぶ)のマイクロチャネルクラウドアプレットの機能上のユニアプリではないが知っている必要があります。しかし、我々はいくつかのシナリオこれでクラウドビジネス機能を使用する必要がある場合は?我々は、手動で、コンパイラ再びたびにコピーし、非常に面倒と言って持っている必要がありますので、その雲のマイクロチャネル機能は、開発者向けツールにコピーすることができます知っています。この記事では、この問題に対する次の解決策になります。

この記事は環境

  1. Hbuilder X
  2. マイクロ手紙開発者向けツール

目次を作成するには、クラウド機能

まず、我々はユニアプリのプロジェクトフォルダに必要な、クラウドディレクトリ機能、ランダムなパスを作成し、私はここにいますfunctionsそして、何気なくここで、その中のいくつかのファイルを配置するnew_file.css例。

修飾manifest.jsonを
ユニアプリルートに、修飾されたmanifest.jsonアプレットにマイクロチャネル項目、以下の構造

"mp-weixin" : {
        /* 小程序特有相关 */
        "appid" : "wxd7de467f6e6cf741",
        "cloudfunctionRoot": "./functions/", // 这一行就是标记云函数目录的字段
        "setting" : {
            "urlCheck" : false
        },
        "usingComponents" : true
    }

書き込みvue.config.js

  1. 私たちは、プロジェクトのルートディレクトリにvue.config.jsファイルを作成します
  2. (パスはそれに応じて適応と同じではありませんをしてください)以下を書き込み
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')

module.exports = {
    configureWebpack: {
        plugins: [
            new CopyWebpackPlugin([
                {
                    from: path.join(__dirname, 'functions'),
                    to: path.join(__dirname, 'unpackage/dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM, 'functions')
                }
            ])
        ]
    }
}
  1. コンパイラの実行中の
    調査結果は以下のことを提案します

説明がインストールされていないcopy-webpack-pluginプラグインを、私たちはそれをインストール手動で。

その後、コンパイルして実行し、マイクロチャネルの開発ツールは、以下の内容の中に発見しました。

今までは、それは既にこの記事の中核的なコンテンツを扱う、マイクロチャネル自動複製にHbuilder Xの開発ツールをオープンしました。以下は、さらにテストです。

クラウド機能を作成します。

我们在云函数根目录上右键,在右键菜单中,可以选择创建一个新的 Node.js云函数,我们将该云函数命名
为check。开发者工具在本地创建出云函数目录和入口 index.js 文件,同时在线上环境中创建出对应的云函
数。创建成功后,工具会提示是否立即本地安装依赖,确定后工具会自动安装 wx-server-sdk。我们会看到
以下内容。

あなたはユニアプリの項目に自分の同期レプリケーションを作成した後、あなたは将来の利便性のために自動的に同期行をすることができますし、機能の偶発損失の出力フォルダの雲を避けます。この時点で、関連文書は、仕事に行く用意しHbuilder X、クラウドの導入は、まだマイクロ文字の開発ツールに機能をアップロードしています。

クラウドライト機能

雲のデフォルトの機能は、ユーザのデータの基本的な内容にちょうどリターンです、我々は例えば、当社のビジネスニーズ、コンテンツ・セキュリティクラウドコールを満たすためにそれを修正します。

クラウド機能で、以下のファイルを書き込み

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数
exports.main = async(event, context) => {
  try {
    console.log('待检测文本:' + event.content);
    let result = await cloud.openapi.security.msgSecCheck({
      content: event.content
    })
    console.log('result:' + JSON.stringify(result));

    if (result && result.errCode.toString() === '87014') {
      return {
        code: 300,
        msg: '内容含有违法违规内容',
        data: result
      }
    } else {
      return {
        code: 200,
        msg: 'ok',
        data: result
      }
    }

  } catch (err) {
    if (err.errCode.toString() === '87014') {
      return {
        code: 300,
        msg: '内容含有违法违规内容',
        data: err
      }
    }
    return {
      code: 400,
      msg: '调用security接口异常',
      data: err
    }
  }
}

肯定権

functionディレクトリーでは、作成しconfig.jsonた文書のことわざが自動的に作成されますが、私は実際に運転中に自動的に作成していません。config.json以下の通りです。

{
    "permissions": {
        "openapi": [
            "security.msgSecCheck"
        ]
    }
}

その後、右のfunctionディレクトリーに、アップロードして展開します。

アプレット機能は、クラウドを呼び出します

wx.cloud.init()
                wx.cloud.callFunction({
                    name: 'check',
                    data: {
                        "content": this.contents.join()
                    }
                }).then(res => {
                    console.log(res.result)
                    if (res.result.code == 300) {
                        uni.showModal({
                            title: "温馨提示",
                            content: "你所输入的内容可能含有违法违规内容,不支持进行下一步操作"
                        })
                        return
                    } else {
                        ... // 你要进行的操作
                    }
                })

結果は

します。https://www.jianshu.com/p/fc5f88721439より転載

公開された29元の記事 ウォン称賛41 ビュー5501

おすすめ

転載: blog.csdn.net/weixin_44691775/article/details/104455730