유 니 앱 은 위 챗 애플 릿 클 라 우 드 함수 의 절차 예제 를 사용 합 니 다.

클 라 우 드 함수 디 렉 터 리 만 들 기
우선,우 리 는 유 니 앱 프로젝트 폴 더 아래 에 클 라 우 드 함수 디 렉 터 리 를 만들어 야 합 니 다.경 로 는 마음대로 입 니 다.저 는functions입 니 다.그리고 먼저 안에 서 류 를 마음대로 넣 고 여 기 는new_file.css을 예 로 들 자.파일 을 넣 는 이 유 는 애플 릿 으로 컴 파일 된 후 클 라 우 드 functions 폴 더 가 존재 하 는 지 확인 하기 때 문 입 니 다.이 폴 더 에 파일 이 없 으 면 기본적으로 위 챗 애플 릿 개발 플랫폼 에 이 폴 더 를 표시 하지 않 습 니 다.)

manifest.json 수정
유 니 앱 루트 디 렉 터 리 에서 수정manifest.json의 위 챗 애플 릿 항목 은 다음 과 같 습 니 다.

"mp-weixin" : {
    /*         */
    "appid" : "wxd7de467f6e6cf741",
    "cloudfunctionRoot": "./functions/", //                
    "setting" : {
      "urlCheck" : false
    },
    "usingComponents" : true
  }

vue.config.js 작성

프로젝트 루트 디 렉 터 리 에 vue.config.js 파일 을 만 듭 니 다

다음 내용 을 기록 합 니 다(경로 가 다 를 경우 해당 하 는 어 울 리 기)

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')
        }
      ])
    ]
  }
}

컴 파일 실행
다음 과 같은 내용 을 알 수 있 습 니 다.

설치 되 지 않 은 플러그 인 을 설명 합 니 다.수 동 으로 설치 하 겠 습 니 다.

그리고 컴 파일 을 실행 하면 위 챗 개발 자 도구 에 다음 과 같은 내용 이 나타 납 니 다.

지금까지 Hbuilder X 에서 위 챗 개발 자 도구 로 의 자동 복사,즉 본 논문 의 핵심 내용 이 해결 되 었 습 니 다.다음은 추가 테스트.
구름 함수 만 들 기
(위 챗 개발 자 도구 작업)우 리 는 클 라 우 드 함수 루트 디 렉 터 리 에서 오른쪽 단 추 를 누 르 고 오른쪽 단 추 를 누 르 면 새로운 Node.js 클 라 우 드 함 수 를 만 들 수 있 습 니 다.우 리 는 이 클 라 우 드 함 수 를 check 이 라 고 명명 할 수 있 습 니 다.개발 자 도 구 는 로 컬 에서 클 라 우 드 함수 디 렉 터 리 와 입구 index.js 파일 을 만 드 는 동시에 온라인 환경 에서 해당 하 는 클 라 우 드 함 수 를 만 듭 니 다.생 성 에 성공 하면 도 구 는 즉시 로 컬 설치 의존 여 부 를 알려 줍 니 다.확인 후 도 구 는 자동 으로 wx-server-sdk 를 설치 합 니 다.우 리 는 다음 과 같은 내용 을 볼 수 있다.
생 성 후 유 니 앱 항목 에 동기 화하 면 나중에 자동 으로 동기 화 할 수 있 고 출력 폴 더 에서 클 라 우 드 함수 의 의외 의 손실 을 피 할 수 있 습 니 다.이로써 관련 파일 작성 작업 은copy-webpack-plugin으로 옮 겨 졌 고 클 라 우 드 함수 업로드 배 치 는 위 챗 개발 자 도구 에 있 습 니 다.

클 라 우 드 함수 작성
기본 클 라 우 드 함 수 는 사용자 의 기본 데 이 터 를 되 돌려 주 는 내용 일 뿐 입 니 다.저 희 는 이 를 저희 의 업무 수 요 를 만족 시 킬 때 까지 수정 하고 내용 안전 클 라 우 드 호출 을 예 로 들 겠 습 니 다.
클 라 우 드 함수 파일 에 다음 내용 을 기록 합 니 다.

//        
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
  }
 }
}

권한 설명
함수 디 렉 터 리 아래Hbuilder X를 만 듭 니 다.문 서 는 자동 으로 생 성 된다 고 하지만 실제 작업 시 자동 으로 생 성 되 지 않 을 수도 있 습 니 다.config.json내용 은 다음 과 같다.

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

애플 릿 호출 클 라 우 드 함수

wx.cloud.init()               //       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 {
            ... //        
          }
        })

효과 전시

첫 번 째 오류 발생:invalid scope 권한 이 없 으 면 클 라 우 드 서 비 스 를 먼저 개통 하 십시오.
애플 리 케 이 션 개발 이 클 라 우 드 서비스 개발 을 선 택 했 으 나 클 라 우 드 서비스 가 개통 되 지 않 아 위 챗 개발 도구 위 에 있 는 클 라 우 드 개발 버튼 을 눌 러 클 라 우 드 개발 을 개 통 했 기 때문이다.

새 클 라 우 드 함수(침대 에 올 라 가 배치 하면 자동 으로 나타 납 니 다)

유 니 앱 이 위 챗 애플 릿 클 라 우 드 함 수 를 사용 하 는 절차 예제 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 유 니 앱 이 위 챗 애플 릿 클 라 우 드 함 수 를 사용 하 는 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 저 를 많이 응원 해 주세요!