서론

인공지능이 코드를 생성하는 것은 오래전부터 알려진 일이지만, 인공지능이 위챗 메신저 미니 프로그램을 생성하는 것은 아직 드물다.

그 이유는 미니 프로그램의 오픈 소스 프로젝트가 적고, 모델 훈련이 어렵기 때문일 것이다.

지난 주에 텐센트의 동료를 만나 " 텐센트 클라우드 개발 "가 최근에 큰 버전 업데이트를 했고, 미니 프로그램의 인공지능 능력을 크게 강화했다는 것을 알게 되었다. 나는 꽤 기대하고 있었는데, 텐센트가 자체적으로 미니 프로그램 인공지능을 개발하는 것이 다른 사람보다 더 적합할 것이라고 생각했다.

이후, 나는 이번 업데이트의 인공지능 기능을 사용해 보았고, 강한 느낌을 받았다. 위챗 미니 프로그램은 곧 중국 내 인공지능 응용 프로그램(또는 "지능 에이전트")의 주요 콘테이너가 될 수 있다는 것을 느꼈다.

이번 업데이트 이후, 웹소켓이 AI 모델을 호출하고 지능형 에이전트를 생성하는 것이 매우 편리해졌습니다. 또한, 웹소켓은 API부터 개발 도구까지 AI를 통합했으며, 전체 개발 과정에서 AI가 보조되어 개발 효율이 향상되었고 많은 코드는 AI를 통해 생성될 수 있습니다.

아래는 제 시험 과정의 소개와 기록입니다. 이러한 기능은 모두 공개되었으며, 대부분은 이미 온라인으로 서비스되고 있으며, 남은 것들도 곧 출시될 예정입니다. 지금 바로 따라 해보고 AI가 생성하는 웹소켓을 경험할 수 있습니다.

이, 클라우드 개발 보조ツール: 접근 방법

제 첫 단계는 웹소켓의 "클라우드 개발 보조ツール"(클라우드 개발 Copilot이라고도 함)을 경험하는 것입니다. 그 역할은AI를 통해 웹소켓 개발을 가속화하는 것입니다.

그 전功能 버전은 현재 "Tencent Cloud Development Platform" 웹사이트를 통해 사용할 수 있습니다.

또한, 방문객 버전의 소프트웨어가 있어 일부 기능을 경험할 수 있습니다. 만약 스마트폰만 있다면 먼저 방문객 버전을 시도해 보세요.

스마트폰에서 "AI로부터 클라우드 개발을 탐색"을 클릭하면 진입할 수 있습니다.

스마트폰 버전만 확인하면 되며, 공식 개발은 웹사이트를 사용해야 합니다. 본 글 하단의 내용은 모두 웹사이트의 전 기능 버전을 기반으로 합니다.

먼저 "클라우드 개발 플랫폼"에 로그인한 후, 페이지 우하단에 작은 도우미 아이콘이 나타납니다.

이를 클릭하면 "클라우드 개발 도우미"가 열립니다.

그의 우상단에는 "전체 화면" 아이콘이 있습니다(아래 그림).

이를 클릭하여 완전한 인터페이스로 진입합니다.

삼, 클라우드 개발 도우미: 문서 기능

"클라우드 개발 도우미"의 주요 기능은 다음 그림과 같습니다.

이 기능들은 크게 두 가지 범주로 나눌 수 있습니다. 하나는 문서와 관련된 기능이고, 다른 하나는 코드 생성입니다.

먼저 문서 기능을 살펴보겠습니다.

(1) Copilot

이 기능은 AI 질의응답 엔진으로, 모든 마이크로프로그램 관련 질문을 할 수 있습니다.

이로 인해 문서 검색이 크게 줄어들며, 간단한 함수는 생성해주고 마이크로프로그램 개발 방법을 가르쳐줄 수도 있습니다.

(2) AI 이미지 인식

이 기능은 페이지 스크린샷(또는 디자인 도면)을 업로드하여 요구사항 문서를 생성합니다.

저는 당첨 토너먼트 휠 스크린샷을 업로드했습니다.

이는 다음과 같은 요구사항 문서를 생성했으며, 이 문서는 이 페이지의 인터페이스 레이아웃, 디자인 세부 사항, 기능 요구사항 등을 상세히 설명합니다.

대기업의 프로그래머들은 일반적으로 제품 요구사항 문서(PRD)를 기반으로 개발을 진행하므로, 이 기능은 제품 매니저의 업무를 단순화할 수 있으며 요구사항 문서는 AI 코드 생성의 텍스트 기록으로 보존할 수 있습니다.

생성된 요구사항 문서는 다음 단계에서 "클라우드 개발 보조 도구"에 입력하여 페이지 코드를 생성할 수 있으므로, 이것도 AI가 소셜 미디어 앱을 생성하는 중간 단계입니다.

(3) 요구사항 전문가

이 기능은 "AI 이미지 인식"과 같은 역할을 하며, 모두 요구사항 문서를 생성하지만 차이점은 입력으로 텍스트 설명을 사용한다는 점입니다.

스크린샷이 필요 없으므로, 기능 요구사항만 있고 디자인 도면이 없는 시나리오에 적합하며, AI가 페이지를 디자인하게 합니다.

네、클라우드 개발 보조 도구: 소셜 미디어 앱 프론트엔드 코드 생성

이제 "클라우드 개발 보조 도구"가 소셜 미디어 앱의 프론트엔드 코드를 생성해 보겠습니다.

왼쪽 메뉴에서"AI 생성 시각화 애플리케이션", 이 기능은 스크린샷이나 텍스트 설명을 바탕으로 바로 애플리케이션(웹 또는 소프트웨어)을 생성합니다.

예시 화면을 업로드해 주세요.

이는 자동으로 해당 스크린샷의 페이지 코드를 생성하고, 효과를 미리보실 수 있습니다（아래 그림 참고）。

생성된 페이지가 원본 레이아웃을 유지했지만, 많은 세부 사항의 차이가 있을 수 있습니다.

현재 단계에서는 아직 100% 복원이 어려워 보이며, 코드 기반으로 사용하기에 적합합니다. 그것이 생성한 페이지를 기반으로 수동적인 세부 조정을 진행하는 것이 좋습니다.

스크린샷 업로드를 제외하고 텍스트 설명(또는 이전 장의 요구사항 문서)을 입력할 수도 있으며, 애플리케이션을 생성할 수도 있습니다.

개발자 개인의 미니 프로그램을 만들어 보세요. 효과도 괜찮습니다.

초기 효과를 미리보고 나면, 클라우드 개발 플랫폼에서 코드를 직접 온라인으로 편집할 수 있습니다.

이 페이지를 편집한 후에도, 더 많은 페이지를 웹 앱에 추가하는 과정을 반복할 수 있습니다(아래 그림).

여러 페이지가 있으면 페이지 간의 이동을 설정할 수 있어서, 이렇게 하면 기본적인 웹 앱이 완성됩니다.

웹 앱의 스타일을 조정할 때, 클라우드 개발 도우미는 "AI 편집 컴포넌트 스타일"이라는 친절한 기능을 제공합니다.AI 편집 컴포넌트 스타일이 기능은 명령에 따라 스타일을 자동으로 변경합니다.

위 그림은 AI가 페이지에 그라데이션 배경을 추가하는 것을 보여줍니다. 이렇게 스타일을 변경하면 편집이 훨씬 편리해집니다.

모두가 볼 수 있듯이, 왼쪽 메뉴에는 "AI 생성 컴포넌트" 기능도 있습니다. 이 기능은 페이지의 컴포넌트를 생성하는 데 사용되며, 기존 페이지에 기능을 추가할 때 유용합니다. 하지만 현재는 웹 앱만 지원하며 웹 앱이 아닌 경우는 지원하지 않으므로 여기서는 소개하지 않습니다.

프론트엔드 개발이 완료되면, 클라우드 개발 플랫폼에서 웹 앱을 직접 발행할 수 있습니다. 물론, 코드를 복사하거나 다운로드하여 WeChat 개발 도구를 통해 발행할 수도 있습니다.

5. 클라우드 개발 도우미: 미니 프로그램 백엔드 코드 생성

미니 프로그램은 프론트엔드 UI 코드 외에도 백엔드 비즈니스 로직과 데이터베이스 읽기/쓰기가 필요합니다. "클라우드 개발 도우미"도 백엔드 코드를 생성할 수 있으며, 주로 아래 두 가지 기능을 사용합니다.

(1) AI가 클라우드 함수 생성

클라우드 함수는 웨이빙 플랫폼에서 클라우드에서 실행되는 함수로, 다양한 백엔드 기능을 사용할 수 있습니다.

"클라우드 개발 도우미"는 우리가 클라우드 함수를 생성하는 데 도와줍니다. 아래 그림은 AI가 미니 프로그램 OPENID를 가져오는 클라우드 함수를 생성하는 것입니다.

AI는 예제 코드를 제공하는 동시에 각 파일의 작성 방법을 보여줍니다 (아래 그림).

만약 수용 가능하다고 생각하면 "클라우드 함수 생성" 버튼을 클릭하면 코드가 새로 열린 클라우드 IDE 환경으로 이동하여 편집 및 디버깅을 할 수 있습니다.

편집이 완료되면 "배포" 버튼을 클릭하면 클라우드 함수를 온라인으로 배포할 수 있습니다.

（2）AI 데이터 생성 모델

이 모델은 데이터베이스의 데이터 모델（즉 "테이블 구조"）을 생성하는 데 사용됩니다.

예를 들어, 블로그 데이터 모델을 생성하는 경우 게시물, 작성자, 그리고 댓글을 포함합니다.

"보기"를 클릭하면 JSON 배열이 표시되어 데이터 구조를 나타냅니다.

"생성 확인"을 클릭하면 데이터 구조가 표 형식으로 표시되며, 오류가 없는지 확인한 후 저장할 수 있습니다.

육、AI 대형 모델 연동

위에서는 "클라우드 개발 보조 도구"를 소개했으며, 이는 AI를 도와小程序 개발하는 것입니다. 이제 AI 개발의 또 다른 중요한 부분을 소개하겠습니다: AI 지능 바디의 小程序를 만드는 방법 즉, 小程序 자체에 AI 기능을 부여하는 것입니다.

여전히 "클라우드 개발 플랫폼"에서 왼쪽 메뉴에서 AI+를 선택합니다.

이때, 페이지에서는 대형 모델에 연결하거나 지능 에이전트를 개발할지 선택하도록 요청합니다 (아래 그림 참조).

(1) 지능 에이전트 (AI Agent)

여기서 "지능 에이전트"를 간단히 AI 대화 애플리케이션으로 생각해 볼 수 있습니다. 사용자가 요청을 입력하면 AI가 응답을 제공합니다.

텐센트 클라우드 개발 플랫폼은 "지능 에이전트"의 백엔드 대형 모델을 기본적으로 텐센트의 혼원 모델로 지정합니다.

당신은 자신만의 개발 자료를 사용한 교육 자료를 만들고, 개막 인사와 제안어, 지식 베이스를 맞춤 설정해야 합니다.

그런 다음, 프론트엔드 인터페이스(대화 컴포넌트)를 맞춤 설정합니다.

기본적인 프로세스는 완료되었습니다: 사용자는 프론트엔드 인터페이스에서 개막 인사의 안내에 따라 요청을 입력하고, 시스템은 이를 백엔드 모델로 전송한 후, 응답을 사용자에게 표시합니다.

정말 간단하지 않습니까? 이렇게 하나의 지능 에이전트가 완성되었습니다.

（2）AI 대형 모델 연동

만약 대형 모델을 직접 연동하도록 선택하면, 페이지는 개발 유형(웹/미니 프로그램/클라우드 함수)에 따라 연동 가이드를 제공합니다.

미니 프로그램 API는 이미 대형 모델에 대한 어댑터를 제공하므로, 가이드에 따라 몇 줄의 코드만으로 연동할 수 있습니다.

구체적으로 말해, 미니 프로그램 기본 라이브러리 3.7.1부터 새로운wx.cloud.extend.AI객체가 추가되었으며, 이는 AI를 전용으로 사용됩니다.

• wx.cloud.extend.AI.createModel()：대형 모델 연동을 위해 사용됩니다.
• wx.cloud.extend.AI.bot：지능 에이전트를 호출하는 데 사용됩니다.

이 API를 사용하면 SDK나 백엔드 서버가 필요 없으며, 시스템이 직접 AI 연동을 담당하며 인증, 암호화, 스트리밍 전송 등을 처리해 사용자 개입 없이 작동합니다.

아래는 예제 코드로, 자세한 내용은 참조하세요공식 문서입니다.

7. 요약

이상이 제가 사용해 본 전체 내용입니다. 전반적인 느낌은, 이미 완성된 부분들이 마이크로프로그램 개발에 큰 도움이 된다는 것입니다. 마이크로프로그램을 개발하고 계신다면 반드시 이러한 기능을 시도해 보세요.

마이크로프로그램의 AI 능력은 앞으로도 지속적으로 확장될 것입니다. 텐센트는클라우드 인프라스트럭처, 위챗 마이크로프로그램, AI 대형 모델을 통합하여 마이크로프로그램 개발의 장벽을 낮추고 효율성을 높이고자 합니다.

텐센트 동료들로부터 들은 바로는 다음 단계 개발의 중점이 몇 가지 있다고 합니다.

（1）AI를 사용하여 전후端의 마이크로프로그램을 생성하고, 위챗 개발 환경과 더욱 통합합니다.

（2）AI의 코드 생성 능력을 강화하고, 마이크로프로그램 템플릿과 로우코드 편집기와 함께 사용하여 빠르게 마이크로프로그램을 생성합니다.

（3）AI의 도움으로 순수하게 데이터베이스에 접속하고 클라우드 함수를 호출합니다.

（4）클라이언트, 서버, 대형 모델 간의 데이터 교환이 표준화되고 통일된 인터페이스를 갖춥니다.

위의 모든 점이 현재 미니 프로그램 개발의 핵심 어려움을 해결할 수 있으며, 빨리 진전이 있기를 기대합니다.

（끝）