एआई-सहायता प्राप्त लघु कार्यक्रम विकास समाधान

🛒 मिनी प्रोग्राम विकास टीमों और स्वतंत्र डेवलपर्स के लिए एक एआई-सहायता प्राप्त पूर्ण-प्रक्रिया विकास समाधान, यूआई विकास, तर्क विकास, क्लाउड विकास, मल्टी-टर्मिनल अनुकूलन की पूरी प्रक्रिया को कवर करता है, और वीचैट/अलीपे/डौयिन इत्यादि जैसे मल्टी-प्लेटफॉर्म मिनी कार्यक्रमों की समीक्षा और लॉन्च करता है, और टैरो/यूनी-ऐप जैसे क्रॉस-टर्मिनल फ्रेमवर्क को अपनाता है, श्रम के दोहराव को कम करने और डिलीवरी की गुणवत्ता में सुधार करने के लिए एआई का उपयोग करता है।

एआई सहायता प्राप्त लघु कार्यक्रम विकास समाधान

1. योजना अवलोकन

ट्रैक पृष्ठभूमि

मिनी प्रोग्राम चीन में एक अद्वितीय सुपर एप्लिकेशन इकोसिस्टम है। WeChat मिनी प्रोग्राम, Alipay मिनी प्रोग्राम, डॉयिन मिनी प्रोग्राम, Baidu मिनी प्रोग्राम और QQ मिनी प्रोग्राम जैसे कई प्लेटफ़ॉर्म सह-अस्तित्व में हैं, जो सोशल नेटवर्किंग, ई-कॉमर्स, यात्रा, सरकारी मामलों, शिक्षा और गेम जैसे लगभग सभी ऑनलाइन सेवा परिदृश्यों को कवर करते हैं। WeChat के सार्वजनिक आंकड़ों के अनुसार, WeChat मिनी प्रोग्राम के दैनिक सक्रिय उपयोगकर्ताओं की संख्या 600 मिलियन से अधिक हो गई है, और मिनी प्रोग्राम डेवलपर्स की संख्या 10 मिलियन से अधिक हो गई है।

छोटे कार्यक्रमों का विकास मॉडल पारंपरिक मोबाइल विकास से काफी अलग है:

  • मल्टी-प्लेटफ़ॉर्म समानांतर: एक ही व्यवसाय को कई प्लेटफ़ॉर्म जैसे WeChat/Alipay/Douyin इत्यादि के अनुकूल होने की आवश्यकता है, और कोड का पुन: उपयोग और विभेदीकरण सह-अस्तित्व में है।
  • स्वामित्व वाक्यविन्यास: WeChat WXML+WXSS+JS/TS का उपयोग करता है, Alipay AXML+ACSS का उपयोग करता है, और विभिन्न प्लेटफ़ॉर्म घटक और API असंगत हैं
  • पैकेज आकार सीमा: वीचैट एप्लेट का मुख्य पैकेज 2एमबी से अधिक नहीं है, और उप-पैकेज 8एमबी से अधिक नहीं है। यह कोड आकार के प्रति संवेदनशील है.
  • क्लाउड डेवलपमेंट इंटीग्रेशन: वीचैट क्लाउड डेवलपमेंट बैक-एंड डेवलपमेंट पथ को छोटा करने के लिए क्लाउड फ़ंक्शन/डेटाबेस/स्टोरेज प्रदान करता है
  • ऑडिट चक्र: प्रत्येक प्लेटफ़ॉर्म के अलग-अलग ऑडिट नियम होते हैं, और लिस्टिंग शेड्यूल व्यवसाय की लय को प्रभावित करता है।

एआई-सहायता प्राप्त मिनी प्रोग्राम विकास का मूल्य दोहराए जाने वाले यूआई विकास, टेम्पलेट कोड लेखन, मल्टी-टर्मिनल कोड रूपांतरण, दस्तावेज़ समीक्षा और अन्य कार्यों को एआई को सौंपने में निहित है, जिससे डेवलपर्स को व्यावसायिक तर्क, वास्तुकला डिजाइन और उपयोगकर्ता अनुभव अनुकूलन पर ध्यान केंद्रित करने की अनुमति मिलती है।

उपयोगकर्ता चित्र

भूमिका विशिष्ट परिदृश्य एआई हस्तक्षेप का मूल्य
स्वतंत्र डेवलपर व्यक्तिगत रूप से छोटे कार्यक्रम विकसित करें और उन्हें संचालन के लिए शेल्फ पर रखें एक व्यक्ति द्वारा पूर्ण-स्टैक विकास पूरा करें, वितरण चक्र को 0 से 1 तक छोटा करें
लघु कार्यक्रम उद्यमी टीम (3-10 लोग) एमवीपी सत्यापन व्यवसाय मॉडल को तेजी से पुनरावृत्त करें फ्रंट-एंड/बैक-एंड जनशक्ति को कम करें और सत्यापन बंद लूप में तेजी लाएं
मध्यम और बड़े उद्यमों के लिए लघु कार्यक्रम टीम बहु-मंच समानांतर विकास और रखरखाव कोड आधार को एकीकृत करें और मल्टी-टर्मिनल रखरखाव लागत को कम करें
एप्लेट डेवलपर के लिए बैक-एंड बैक-एंड टेक्नोलॉजी स्टैक से फ्रंट-एंड एप्लेट डेवलपमेंट में स्थानांतरण WXML/WXSS सीखने की अवस्था को कम करें
उत्पाद प्रबंधक/डिज़ाइनर आवश्यकताओं को सत्यापित करने के लिए प्रोटोटाइप और डेमो बनाएं संचार लागत को कम करने के लिए शीघ्रता से इंटरैक्टिव पेज बनाएं

ROI अनुमान

संकेतक पारंपरिक विकास एआई-सहायता प्राप्त विकास सुधार दर
एकल पृष्ठ विकास चक्र (मानक सूची पृष्ठ) 1-2 दिन 0.5 दिन 2-4 बार
मल्टी-टर्मिनल अनुकूलन समय (वीचैट → अलीपे) 3-5 दिन 1-2 दिन 2-3 बार
क्लाउड फ़ंक्शन विकास दक्षता बेंचमार्क एआई-सहायता प्राप्त कंकाल पीढ़ी 50-70% सुधार
सामग्री तैयारी की समीक्षा करें आधा दिन 1-2 घंटे 3-4 बार
समस्या निवारण त्रुटियाँ (संतरी+एआई) 1-2 घंटे 15-30 मिनट 3-4 बार

पूर्व शर्ते

  • जावास्क्रिप्ट/टाइपस्क्रिप्ट में बुनियादी प्रोग्रामिंग कौशल रखें
  • एक ऐसा कंप्यूटर रखें जो WeChat डेवलपर टूल और अन्य IDE को सुचारू रूप से चला सके (16GB+ मेमोरी अनुशंसित)
  • पंजीकृत वीचैट मिनी प्रोग्राम/अलीपे मिनी प्रोग्राम और अन्य प्लेटफ़ॉर्म डेवलपर खाते
  • मुख्यधारा एआई टूल प्लेटफॉर्म तक पहुंच

2. टूल चेन सूची

उपकरण मंच का उद्देश्य आवश्यक खाता स्तर अनुमानित फीस विकल्प
<एक्सलिंक प्रकार='टूल' स्लग='कर्सर' नाम='कर्सर'> WXML/JS/TS कोड जनरेट करने के लिए AI कोड एडिटर, इनलाइन एडिटिंग + एजेंट मोड कर्सर प्रो ($20/माह) $20/माह वीएस कोड + <एक्सलिंक प्रकार = "टूल" स्लग = "जीथब-कोपायलट" नाम = "गिटहब कोपायलट">
कोड पूर्णता और इन-लाइन सुझाव, WXSS/Sass/JS का समर्थन करता है गिटहब कोपायलट प्रो ($10/माह) $10/माह कोडियम, सुपरमेवेन
<एक्सलिंक प्रकार = "टूल" स्लग = "क्लाउड" नाम = "क्लाउड"> जटिल व्यावसायिक तर्क डिज़ाइन, मल्टी-टर्मिनल अनुकूलन समाधान, एपीआई दस्तावेज़ व्याख्या क्लाउड प्रो ($20/माह) $20/माह
समीक्षा सामग्री लेखन, परीक्षण केस निर्माण, समस्या निवारण चैटजीपीटी प्लस ($20/माह) $20/माह क्लाउड
<एक्सलिंक प्रकार='टूल' स्लग='संतरी' नाम='संतरी'> ऑनलाइन त्रुटि निगरानी और प्रदर्शन ट्रैकिंग, त्रुटि मूल कारणों का विश्लेषण करने के लिए एआई का उपयोग करना संतरी टीम ($26/माह) $26/माह WeChat डेवलपर टूल मॉनिटरिंग के साथ आते हैं
त्वरित रूप से पेज यूआई प्रोटोटाइप और आउटपुट WXML/WXSS संदर्भ उत्पन्न करें v0 निःशुल्क संस्करण मुफ़्त क्लाउड कलाकृतियाँ
WeChat डेवलपर टूल छोटे कार्यक्रमों का स्थानीय विकास, संकलन, पूर्वावलोकन और अपलोड मुफ़्त मुफ़्त अलीपे आईडीई/डौयिन आईडीई
कुल लगभग $96/माह

नोट: WeChat डेवलपर टूल और Alipay IDE जैसे प्लेटफ़ॉर्म टूल आवश्यक स्थानीय IDE हैं और इनका कोई विकल्प नहीं है। एआई प्रोग्रामिंग टूल का स्टैक्ड उपयोग पूरी प्रक्रिया को कवर कर सकता है, और शुरुआती एक ही टूल से शुरुआत कर सकते हैं।

3. तैयारी (चेकलिस्ट)

विकास शुरू करने से पहले, कृपया निम्नलिखित वस्तुओं की एक-एक करके पुष्टि करें:

  • [ ] एक मिनी प्रोग्राम प्लेटफ़ॉर्म खाता पंजीकृत करें: वीचैट मिनी प्रोग्राम डेवलपर खाता (एंटरप्राइज़ या व्यक्तिगत प्रमाणीकरण की आवश्यकता है, ￥30 प्रमाणन शुल्क), Alipay मिनी प्रोग्राम खाता, डॉयिन मिनी प्रोग्राम खाता, आदि।
  • [ ] विकास वातावरण स्थापित करें: वीचैट डेवलपर टूल्स (स्थिर संस्करण), वीएस कोड (या कर्सर), नोड.जेएस 18+
  • [ ] एआई टूल अकाउंट: कर्सर रजिस्टर करें (या वीएस कोड + गिटहब कोपायलट प्लग-इन इंस्टॉल करें), क्लाउड अकाउंट
  • [ ] कोड प्रबंधन कॉन्फ़िगरेशन: एक Git रिपॉजिटरी (GitHub/GitLab) बनाएं और .gitignore कॉन्फ़िगर करें (नोड_मॉड्यूल, मिनीप्रोग्राम_npm सहित)
  • [ ] क्लाउड डेवलपमेंट कॉन्फ़िगरेशन (यदि आवश्यक हो): वीचैट क्लाउड डेवलपमेंट वातावरण को सक्रिय करें और पर्यावरण आईडी प्राप्त करें
  • [ ] कॉन्फ़िगरेशन त्रुटि मॉनिटरिंग: सेंट्री प्रोजेक्ट बनाएं, डीएसएन प्राप्त करें और मिनी प्रोग्राम एसडीके में एकीकृत करें
  • [ ] डिज़ाइन ड्राफ्ट और आवश्यकता दस्तावेज़: प्रोटोटाइप चित्र (फिग्मा/इंक नाइफ), इंटरेक्शन निर्देश और एपीआई इंटरफ़ेस दस्तावेज़ तैयार करें
  • [ ] तकनीकी समाधान चयन: तय करें कि क्रॉस-एंड फ्रेमवर्क (टैरो/यूनी-ऐप/केबोन) का उपयोग करना है या नहीं, यूआई घटक लाइब्रेरी (वीयूआई/वेंट वेप/एंट डिजाइन मिनी) की पुष्टि करें।
  • [ ] प्रोजेक्ट प्रबंधन सेटिंग्स: एक कार्य डैशबोर्ड बनाएं और GitHub प्रोजेक्ट्स/नोशन/फीशु में मील के पत्थर परिभाषित करें
  • [ ] स्थानीय परीक्षण मोबाइल फोन: वास्तविक डिवाइस डिबगिंग के लिए कम से कम 2 वास्तविक मोबाइल फोन (आईओएस + एंड्रॉइड) तैयार करें

4. चरण-दर-चरण कार्यान्वयन मार्गदर्शिका

चरण 1: परियोजना आरंभीकरण और इंजीनियरिंग निर्माण

⏱अनुमानित समय: 1-2 दिन 🎯लक्ष्य: एक मानकीकृत मिनी प्रोग्राम प्रोजेक्ट कंकाल बनाएं, मचान, निर्भरता प्रबंधन और निर्माण प्रक्रिया को कॉन्फ़िगर करें ⚠️ पूर्वापेक्षाएँ: विकास वातावरण तैयार है, और तकनीकी समाधान चयन की पुष्टि हो गई है

ऑपरेशन निर्देश

प्रोजेक्ट आरंभीकरण बाद के सभी विकास के लिए अंतर्निहित संरचना निर्धारित करता है। सही मचान कॉन्फ़िगरेशन प्रोजेक्ट कॉन्फ़िगरेशन का बहुत सारा समय बचा सकता है।

विशिष्ट संचालन

  1. एक मचान समाधान चुनें
  • नेटिव वीचैट मिनी प्रोग्राम: सरल एकल-प्लेटफ़ॉर्म अनुप्रयोगों के लिए उपयुक्त, वीचैट डेवलपर टूल का उपयोग करके सीधे प्रोजेक्ट बनाएं
    • टैरो: npx @tarojs/cli init my-app, एक बार कई टर्मिनलों पर लिखें और संकलित करें
    • uni-app: npx @dcloudio/uni-preset-vue#vue3 create my-app, WeChat/Alipay/Douyin को कवर करता है
    • कर्सर एजेंट का उपयोग प्रारंभ करें: 
      कर्सर में एक टर्मिनल खोलें और लक्ष्य निर्देशिका पर स्विच करें,
एजेंट मोड में, दर्ज करें: "वीचैट एप्लेट प्रोजेक्ट को आरंभ करने और टाइपस्क्रिप्ट टेम्पलेट का उपयोग करने के लिए टैरो 3.x का उपयोग करें।
Vant Weapp को UI घटक लाइब्रेरी के रूप में स्थापित करें, ESLint और Prettier को कॉन्फ़िगर करें"

  1. प्रोजेक्ट संरचना कॉन्फ़िगर करें

    मानक निर्देशिका टेम्पलेट उत्पन्न करने के लिए या का उपयोग करें:

    #एआई से पूछें: टैरो एप्लेट के लिए प्रोजेक्ट निर्देशिका विनिर्देश तैयार करें
#अपेक्षित आउटपुट निर्देशिका संरचना:
स्रोत/
 पेज/ # पेज निर्देशिका
 घटक/ # सार्वजनिक घटक
 utils/ # उपयोगिता फ़ंक्शन
 सेवाएं/ # एपीआई सेवा परत
 स्टोर/ #राज्य प्रबंधन
 संपत्ति/ # स्थिर संसाधन

  2. क्लाउड विकास वातावरण कॉन्फ़िगर करें (यदि आवश्यक हो)

    • WeChat डेवलपर टूल में क्लाउड डेवलपमेंट सक्षम करें और दो आधिकारिक/परीक्षण वातावरण बनाएं
    • क्लाउड फ़ंक्शन टेम्प्लेट जेनरेट करने के लिए का उपयोग करें: `इनपुट पैरामीटर सत्यापन, त्रुटि प्रबंधन और लॉग आउटपुट सहित एक WeChat क्लाउड फ़ंक्शन टेम्प्लेट जेनरेट करने के लिए पूछें''
    • app.js में क्लाउड वातावरण आरंभीकरण कोड कॉन्फ़िगर करें

  3. एकीकृत संतरी त्रुटि निगरानी

    WeChat एप्लेट में सेंट्री को एकीकृत करने के लिए WeChat एप्लेट के विशेष प्रतिबंधों (कोई विंडो/दस्तावेज़ ऑब्जेक्ट नहीं) का उल्लेख करना आवश्यक है।

    ऑपरेशन उदाहरण: ``कृपया @sentry/wx-miniapp पैकेज या मैन्युअल एकीकरण का उपयोग करके WeChat एप्लेट में सेंट्री का एकीकरण कोड प्रदान करें, जिसमें DSN कॉन्फ़िगरेशन और वैश्विक त्रुटि कैप्चर शामिल है''

  4. सीआई/सीडी कॉन्फ़िगर करें (वैकल्पिक उन्नत)

  • बिल्ड को स्वचालित करने के लिए GitHub क्रियाओं को कॉन्फ़िगर करें
    • स्वचालित अपलोड लागू करने के लिए WeChat डेवलपर टूल CLI का उपयोग करें

सत्यापन विधि

  • [ ] npm run dev:weapp को सामान्य रूप से संकलित किया जा सकता है और WeChat डेवलपर टूल में पूर्वावलोकन किया जा सकता है
  • [ ] मूल पृष्ठ (सूचकांक) बिना किसी त्रुटि के खुलता है
  • [ ] क्लाउड विकास पर्यावरण संयुक्त डिबगिंग सफल रही (एक साधारण क्लाउड फ़ंक्शन को कॉल करने से अपेक्षित परिणाम मिलता है)
  • [ ] सेंट्री कॉन्फ़िगरेशन सत्यापन: यह पुष्टि करने के लिए मैन्युअल रूप से एक परीक्षण त्रुटि फेंकें कि सेंट्री पृष्ठभूमि ईवेंट प्राप्त करती है

अक्सर पूछे जाने वाले प्रश्न

प्रश्न उत्तर
टैरो/यूनि-ऐप किसे चुनें? यदि टीम की पृष्ठभूमि रिएक्ट है, तो टैरो चुनें; यदि टीम के पास Vue पृष्ठभूमि है, तो यूनी-ऐप चुनें; केवल WeChat के लिए, मूल निवासी चुनें
प्रोजेक्ट चलाते समय निर्भरता त्रुटि की सूचना दी गई? नोड_मॉड्यूल और पैकेज-लॉक.जेसन हटाएं और एनपीएम इंस्टॉल को पुनः इंस्टॉल करें। ध्यान दें कि नोड संस्करण ≥18 है
क्लाउड डेवलपमेंट एनवायरनमेंट आईडी कहां से प्राप्त करें? वीचैट डेवलपर टूल्स → क्लाउड डेवलपमेंट → सेटिंग्स → एनवायरनमेंट आईडी

चरण 2: पेज यूआई विकास (डब्ल्यूएक्सएमएल/डब्ल्यूएक्सएसएस + घटक)

⏱ अनुमानित समय: 3-5 दिन (पृष्ठों की संख्या के आधार पर) 🎯लक्ष्य: मिनी प्रोग्राम के सभी पृष्ठों की यूआई संरचना और शैली विकास को पूरा करने के लिए एआई का उपयोग करें ⚠️ आवश्यक शर्तें: प्रोजेक्ट स्केलेटन सामान्य रूप से चल रहा है और डिज़ाइन ड्राफ्ट तैयार है

ऑपरेशन निर्देश

यूआई विकास मिनी प्रोग्राम विकास में सबसे लंबा समय लेने वाला कदम है। AI WXML टेम्पलेट लेखन, WXSS स्टाइल जेनरेशन और UI घटक एनकैप्सुलेशन को काफी तेज कर सकता है।

विशिष्ट संचालन

  1. यूआई प्रोटोटाइप उत्पन्न करने के लिए v0 / क्लाउड कलाकृतियों का उपयोग करें

    डिज़ाइन ड्राफ्ट स्क्रीनशॉट या आवश्यकता विवरण को में दर्ज करें:

    "कृपया WeChat एप्लेट के लिए एक उत्पाद सूची पृष्ठ यूआई उत्पन्न करें, जिसमें शामिल हैं: शीर्ष खोज बार, श्रेणी टैब स्विचिंग,
उत्पाद कार्ड (चित्र, शीर्षक, मूल्य, बिक्री की मात्रा), नीचे और अधिक लोड करें। आउटपुट WXML+WXSS कोड। "

    जेनरेट किए गए WXML/WXSS को संबंधित पेज फ़ाइल में कॉपी करें और वास्तविक डिज़ाइन ड्राफ्ट के अनुसार इसे ठीक करें।

  2. एआई-सहायता प्राप्त घटक विकास

    के एजेंट पैटर्न का उपयोग करके कस्टम घटक विकसित करें: 
   शीघ्र शब्द का उदाहरण: "वर्तमान प्रोजेक्ट की src/घटक निर्देशिका में एक उत्पाद कार्ड घटक बनाएं
   उत्पाद कार्ड, आवश्यकताएँ: टैरो घटक विनिर्देशों का उपयोग करें, उत्पाद डेटा प्रॉप्स प्राप्त करें, छवियों की आलसी लोडिंग शामिल करें,
   उत्पाद विवरण, मूल्य लेबल शैली (लाल पृष्ठभूमि, सफेद फ़ॉन्ट) पर जाने के लिए क्लिक करें"

  1. AI WXSS शैली उत्पन्न करता है

    जटिल स्टाइलिंग आवश्यकताओं के लिए, स्पीडअप के लिए के इनलाइन सुझावों का उपयोग करें:

    /* सह-पायलट को जनरेट करने के लिए टिप्पणियाँ दर्ज करें */
/* फ्लेक्स लेआउट, दोनों सिरों पर संरेखित, 2-कॉलम ग्रिड, रिक्ति 20rpx, गोलाकार कार्ड, छाया प्रभाव */
.ग्रिड-कंटेनर {
 प्रदर्शन: फ्लेक्स;
 फ्लेक्स-रैप: रैप;
 औचित्य-सामग्री: बीच में स्थान;
 पैडिंग: 10आरपीएक्स 20आरपीएक्स;
}
.ग्रिड-आइटम {
 चौड़ाई: 345rpx;
 मार्जिन-बॉटम: 20rpx;
 सीमा-त्रिज्या: 16आरपीएक्स;
 बॉक्स-छाया: 0 4आरपीएक्स 12आरपीएक्स आरजीबीए(0, 0, 0, 0.06);
}

  2. प्लेटफ़ॉर्म अंतर शैलियों को संभालना

    विभिन्न प्लेटफार्मों का शैली प्रदर्शन अलग-अलग होता है (जैसे कि डॉयिन एप्लेट में वीचैट की आरपीएक्स इकाई का प्रदर्शन)। अनुकूलन को संभालने के लिए का उपयोग करें:

    "वीचैट एप्लेट अनुकूलन के लिए आरपीएक्स का उपयोग करता है, और डॉयिन एप्लेट आरपीएक्स का उपयोग करता है लेकिन आधार चौड़ाई अलग है।
कृपया दोनों प्लेटफार्मों के बीच आरपीएक्स गणना में अंतर बताएं और लेखन की एक संगत शैली बताएं। "

  3. यूआई घटक पुस्तकालय एकीकरण

    Vant Weapp/Ant Design Mini/WeUI का परिचय दें और AI सहायता के साथ शीघ्रता से आरंभ करें:

    "मैं WeChat एप्लेट विकसित करने के लिए Vant Weapp का उपयोग करता हूं, कृपया मुझे बताएं कि बटन घटक और डायलॉग घटक कैसे पेश किया जाए,
और उपयोग नमूना कोड (WXML+JS) प्रदान करें। "

सत्यापन विधि

  • [ ] सभी पेज यूआई WeChat डेवलपर टूल में सामान्य रूप से प्रस्तुत होते हैं
  • [ ] घटकों के बीच संचार सामान्य है (माता-पिता प्रॉप्स पास करते हैं, बच्चा इवेंट ट्रिगर करता है)
  • [ ] छवियों की आलसी लोडिंग प्रभावी होती है, और प्लेसहोल्डर छवि नेटवर्क अनुरोधों के दौरान सामान्य रूप से प्रदर्शित होती है।
  • [ ] iPhone SE (छोटी स्क्रीन) और iPhone 14 Pro Max (बड़ी स्क्रीन) दोनों पर पेज का लेआउट सामान्य है
  • [ ] उत्तीर्ण वास्तविक-डिवाइस डिबगिंग (वास्तविक-डिवाइस पूर्वावलोकन से जुड़ा, कोई सफेद स्क्रीन/अव्यवस्थित लेआउट नहीं)

अक्सर पूछे जाने वाले प्रश्न

प्रश्न उत्तर
क्या AI द्वारा उत्पन्न WXML और डिज़ाइन ड्राफ्ट के बीच कोई बड़ा अंतर है? एआई आउटपुट को "पहले ड्राफ्ट स्केलेटन" के रूप में मानें, मैन्युअल रूप से शैली चर और रिक्ति को ठीक करें, और डिज़ाइन ड्राफ्ट के साथ संयोजन में पिक्सेल द्वारा पिक्सेल को कैलिब्रेट करें
यदि घटक का पुन: उपयोग दर कम है तो मुझे क्या करना चाहिए? विकास से पहले, सभी पृष्ठों का विश्लेषण करने, सामान्य यूआई पैटर्न (जैसे कार्ड, सूची आइटम, फॉर्म) निकालने और समान रूप से पैकेज घटकों के लिए एआई का उपयोग करें
क्या गोलाकार कोने iPhone और Android पर असंगत हैं? सिस्टम-स्तरीय अंतरों को कम करने के लिए ओवरफ़्लो: हिडन को समान रूप से सेट करने के लिए WXSS का उपयोग करें

चरण 3: तार्किक इंटरैक्शन और एपीआई डॉकिंग

⏱अनुमानित समय: 3-7 दिन 🎯लक्ष्य: पेज इंटरेक्शन लॉजिक, एपीआई डॉकिंग, स्थिति प्रबंधन और व्यावसायिक डेटा प्रोसेसिंग को पूरा करने में सहायता के लिए एआई का उपयोग करें ⚠️ पूर्व शर्तें: यूआई पेज स्केलेटन पूरा हो गया है और बैकएंड एपीआई दस्तावेज तैयार है

ऑपरेशन निर्देश

तार्किक इंटरैक्शन मिनी प्रोग्राम का मूल है - डेटा अनुरोध, पेज स्थिति प्रबंधन, उपयोगकर्ता ऑपरेशन फीडबैक, भुगतान डॉकिंग इत्यादि। इस लिंक में एआई की मुख्य भूमिका मानकीकृत एपीआई कॉल कोड उत्पन्न करना, सीमा स्थितियों और अपवाद प्रवाह को संभालना है।

विशिष्ट संचालन

  1. एआई जनित एपीआई सेवा परत

    src/services/ के अंतर्गत एक एपीआई पैकेज फ़ाइल बनाएं और एक मानकीकृत टेम्पलेट तैयार करने के लिए का उपयोग करें:

    "कृपया मुझे एक छोटे प्रोग्राम का एपीआई सर्विस लेयर कोड तैयार करने में मदद करें। आवश्यकताएँ हैं: टैरो.रिक्वेस्ट एनकैप्सुलेशन पर आधारित,
अनुरोध/प्रतिक्रिया इंटरसेप्टर, एकीकृत त्रुटि प्रबंधन, स्वचालित टोकन इंजेक्शन और 10 सेकंड की टाइमआउट सेटिंग का समर्थन करता है।
इंटरफ़ेस सूची: उपयोगकर्ता लॉगिन, उत्पाद सूची, उत्पाद विवरण, ऑर्डरिंग, भुगतान। "

  2. राज्य प्रबंधन कार्यान्वयन

    प्रौद्योगिकी चयन के आधार पर (टैरो Redux/Zustand का उपयोग करता है, यूनी-ऐप Pinia/Vuex का उपयोग करता है), स्टोर कोड उत्पन्न करने के लिए AI का उपयोग करें:

    "कृपया शॉपिंग कार्ट स्थिति प्रबंधन स्टोर को लागू करने के लिए ज़स्टैंड का उपयोग करें, जिसमें शामिल हैं: उत्पाद जोड़ना (मात्रा संचय),
उत्पाद हटाएं, मात्रा संशोधित करें, शॉपिंग कार्ट साफ़ करें और कुल कीमत की गणना करें। टाइपस्क्रिप्ट प्रकार परिभाषाओं की आवश्यकता है। "

  3. जटिल अंतःक्रिया तर्क

जटिल इंटरैक्शन को संभालने के लिए के एजेंट पैटर्न का उपयोग करें:

   संकेत शब्द: "शॉपिंग कार्ट पेज को पेज/कार्ट/index.tsx में लागू करें,
   फ़ंक्शंस में शामिल हैं: उत्पाद की मात्रा में वृद्धि या कमी (एनीमेशन के साथ), हटाने के लिए स्लाइड करना, सभी का चयन करना/उलटा चयन,
   वास्तविक समय में कुल कीमत की गणना करें और निपटान बटन पर जाएं। टैरो के एपीआई का प्रयोग करें. "

  1. भुगतान डॉकिंग

    भुगतान लघु कार्यक्रमों का सबसे संवेदनशील व्यावसायिक पहलू है। कोड उत्पन्न करने के लिए एआई का उपयोग करने के बाद, प्रक्रिया तर्क की मैन्युअल रूप से समीक्षा की जानी चाहिए।

    "कृपया WeChat एप्लेट भुगतान के लिए फ्रंट-एंड डॉकिंग कोड प्रक्रिया उत्पन्न करें: ओपनआईडी प्राप्त करें → बैक-एंड एकीकृत ऑर्डरिंग इंटरफ़ेस को कॉल करें →
WeChat भुगतान को कॉल करें → भुगतान सफलता/विफलता कॉलबैक को संभालें। पूर्ण त्रुटि प्रबंधन आवश्यक है. "

    ⚠️ अभिगम नियंत्रण: भुगतान प्रक्रिया उत्पन्न होने के बाद, इसे मैन्युअल रूप से लाइन दर लाइन समीक्षा की जानी चाहिए, विशेष रूप से राशि गणना, हस्ताक्षर सत्यापन और कॉलबैक प्रोसेसिंग के तीन नोड्स। भुगतान इंटरफ़ेस की असामान्य दर की निगरानी के लिए का उपयोग करें।

  2. सीमा की स्थितियाँ और त्रुटि प्रबंधन

    मौजूदा तर्क का "प्रतिकूल परीक्षण" करने के लिए का उपयोग करें:

    "कृपया निम्नलिखित शॉपिंग कार्ट लॉजिक कोड की समीक्षा करें और सभी संभावित किनारे के मामलों को इंगित करें:
उपयोगकर्ता शीघ्रता से क्लिक करते हैं, नेटवर्क डिस्कनेक्शन, अपर्याप्त उत्पाद सूची, समवर्ती अनुरोध और टोकन समाप्ति के बाद पुनर्प्राप्त करते हैं। "

सत्यापन विधि

  • [ ] सभी एपीआई अनुरोध सामान्य रूप से वापस आते हैं, और लोडिंग/त्रुटि/खाली की सभी तीन स्थितियों पर कार्रवाई की जाती है
  • [ ] टोकन स्वचालित रीफ्रेश तंत्र प्रभावी होता है (समाप्ति के बाद अनुरोध स्वचालित रूप से रीफ्रेश और दोबारा चलता है)
  • [ ] भुगतान प्रक्रिया का परीक्षण डेवलपर टूल और वास्तविक डिवाइस दोनों में किया गया है।
  • [ ] पेज डेटा अपडेट होने के बाद, यूआई बिना डेटा फ़्लिकरिंग के समय पर ताज़ा हो जाता है।
  • [ ] नेटवर्क डिस्कनेक्ट होने पर एक अनुकूल संकेत पृष्ठ प्रदर्शित करें

अक्सर पूछे जाने वाले प्रश्न

प्रश्न उत्तर
क्या AI द्वारा उत्पन्न Async/Await गलत तरीके से लिखा गया है? जब AI ES2017+ कोड उत्पन्न करता है, तो कभी-कभी ट्राई/कैच छूट जाता है, और त्रुटि कैप्चर पैकेज को मैन्युअल रूप से जोड़ने की आवश्यकता होती है
टोकन रीफ्रेश समवर्ती अनुरोधों के कारण बार-बार रीफ्रेश होता है? यह एक सामान्य जाल (दौड़ की स्थिति) है, इसे हल करने के लिए लॉक मैकेनिज्म (isRefreshing flag + waiting quee) का उपयोग करें
भुगतान परिणाम किस पर आधारित होना चाहिए? फ्रंट-एंड कॉलबैक और बैक-एंड कॉलबैक के आधार पर: फ्रंट-एंड भुगतान सफलतापूर्वक वापस कॉल करने के बाद, आपको यूआई अपडेट करने से पहले बैक-एंड एसिंक्रोनस नोटिफिकेशन आने का इंतजार करना होगा

चरण 4: क्लाउड विकास और बैक-एंड लॉजिक

⏱अनुमानित समय: 2-5 दिन 🎯लक्ष्य: वीचैट क्लाउड द्वारा विकसित क्लाउड फ़ंक्शंस, डेटाबेस संचालन, फ़ाइल स्टोरेज और अन्य कार्यों को पूरा करने में सहायता के लिए एआई का उपयोग करें ⚠️ पूर्वापेक्षाएँ: WeChat क्लाउड विकास वातावरण खोला गया है और पर्यावरण आईडी प्राप्त की गई है

ऑपरेशन निर्देश

वीचैट क्लाउड डेवलपमेंट (क्लाउडबेस) सर्वर रहित बैक-एंड क्षमताएं प्रदान करता है: क्लाउड फ़ंक्शंस (नोड.जेएस रनिंग वातावरण), क्लाउड डेटाबेस (मोंगोडीबी-जैसा), और क्लाउड स्टोरेज (सीडीएन फ़ाइल प्रबंधन)। एआई क्लाउड फ़ंक्शंस के लिए टेम्पलेट कोड लिखने, डेटाबेस एकत्रीकरण क्वेरी लिखने और अनुमति नियमों को कॉन्फ़िगर करने के समय को काफी कम कर सकता है।

विशिष्ट संचालन

  1. एआई जनित क्लाउड फ़ंक्शन

    मानकीकृत क्लाउड फ़ंक्शन कोड उत्पन्न करने के लिए का उपयोग करें:

    "एक WeChat क्लाउड फ़ंक्शन getUserInfo जेनरेट करें, फ़ंक्शन:
1. डेटाबेस उपयोगकर्ता संग्रह से उपयोगकर्ता जानकारी क्वेरी करें
2. इनपुट पैरामीटर: ओपनआईडी (आवश्यक)
3. वापसी: बुनियादी उपयोगकर्ता जानकारी (उपनाम, अवतार, अंक, सदस्यता स्तर)
4. त्रुटि प्रबंधन: यदि उपयोगकर्ता मौजूद नहीं है तो 404 लौटाया जाता है, यदि डेटाबेस अपवाद होता है तो 500 लौटाया जाता है
5. लॉग आउटपुट: कॉल स्रोत और समय रिकॉर्ड करें"

  2. डेटाबेस संचालन अनुकूलन

    AI जटिल डेटाबेस क्वेरी स्टेटमेंट लिखने में सहायता करता है:

   "कृपया उत्पाद सूची की पेजिंग क्वेरी को लागू करने के लिए एक क्लाउड फ़ंक्शन उत्पन्न करें, जिसके लिए एकत्रीकरण संचालन की आवश्यकता होती है:
   1. श्रेणी के अनुसार फ़िल्टर करें (श्रेणीआईडी)
   2. बिक्री की मात्रा के अनुसार क्रमबद्ध करें
   3. पेजिंग (पेज/आकार)
   4. कुल आइटमों की कुल संख्या लौटाएँ
   5. केवल सूचीबद्ध उत्पाद लौटाएँ (स्थिति === 'ऑनलाइन')"

  1. क्लाउड स्टोरेज और इमेज प्रोसेसिंग

    अवतार अपलोडिंग और फ़ाइल प्रबंधन के लिए क्लाउड फ़ंक्शन उत्पन्न करने के लिए AI का उपयोग करें:

    "उपयोगकर्ता का अवतार अपलोड करने की पूरी प्रक्रिया: एप्लेट में छवि का चयन करें → अपलोड करने के लिए क्लाउड स्टोरेज को कॉल करें →
रिटर्न फाइलआईडी → डेटाबेस उपयोगकर्ता रिकॉर्ड में यूआरएल को अपडेट करें। फ़ाइल आकार सीमा (2 एमबी के भीतर) और प्रारूप सत्यापन शामिल है। "

  2. सुरक्षा नियम कॉन्फ़िगरेशन

    क्लाउड डेटाबेस के सुरक्षा नियमों को सुरक्षा जोखिम बिंदुओं को आसानी से अनदेखा कर दिया जाता है। सत्यापित करने के लिए का उपयोग करें:

    "निम्नलिखित क्लाउड डेटाबेस सुरक्षा नियमों की समीक्षा करने और सीमा से बाहर अनुमति के मुद्दों का पता लगाने में मेरी सहायता करें:
[नियम सामग्री]। परिदृश्य: उत्पाद डेटा को सभी उपयोगकर्ता पढ़ सकते हैं, केवल व्यवस्थापक लिख सकते हैं, और उपयोगकर्ता डेटा केवल उपयोगकर्ता द्वारा पढ़ा और लिखा जा सकता है। "

  3. समयबद्ध ट्रिगर

    AI क्लाउड फ़ंक्शंस उत्पन्न करता है जो नियमित रूप से निष्पादित होते हैं (जैसे कि हर दिन समाप्त हो चुके ऑर्डर को साफ़ करना):

    "नियमित रूप से ट्रिगर होने वाला क्लाउड फ़ंक्शन क्लीनएक्सपायर्डऑर्डर जेनरेट करें, जिसे हर दिन 2 बजे निष्पादित किया जाएगा।
ऑर्डर संग्रह में उन ऑर्डरों को क्वेरी करें जिनका भुगतान 24 घंटे से अधिक समय से नहीं किया गया है, उनकी स्थिति को 'समाप्त' में बदलें और इन्वेंट्री जारी करें। "

सत्यापन विधि

  • [ ] सभी क्लाउड फ़ंक्शन सफलतापूर्वक तैनात किए गए हैं, और स्थानीय कॉल अपेक्षित परिणाम देते हैं।
  • [ ] डेटाबेस सुरक्षा नियमों ने डेवलपर टूल सुरक्षा नियम सिम्युलेटर में परीक्षण पास कर लिया है
  • [ ] क्लाउड स्टोरेज अपलोड/डाउनलोड सामान्य है, और छवि यूआरएल को मिनी प्रोग्राम में प्रस्तुत किया जा सकता है।
  • [ ] शेड्यूल किए गए ट्रिगर्स को योजना के अनुसार निष्पादित किया जाता है, और लॉग की जांच की जा सकती है
  • [ ] क्लाउड फ़ंक्शन कॉल की अवधि 1000ms के भीतर है (WeChat एक कॉल को 20 सेकंड से अधिक नहीं सीमित करता है)

अक्सर पूछे जाने वाले प्रश्न

प्रश्न उत्तर
क्लाउड फ़ंक्शन निष्पादन का समय समाप्त हो गया? डिफ़ॉल्ट 3 सेकंड है, क्लाउड फ़ंक्शन कॉन्फ़िगरेशन में टाइमआउट बढ़ाएं (20 सेकंड तक), और डेटाबेस क्वेरीज़ और इंडेक्स को अनुकूलित करें
क्लाउड डेटाबेस समय पर अद्यतन नहीं किया जाता है? मजबूत स्थिरता सुनिश्चित करने के लिए क्वेरी करते समय .get() का उपयोग करें और कैश पर भरोसा न करें
क्लाउड फ़ंक्शंस की ठंडी शुरुआत से कैसे बचें? क्लाउड फ़ंक्शन के 'कीप-अलाइव' को सेट करें या प्रीसेट कॉन्करेंसी (भुगतान किए गए फ़ंक्शन) का उपयोग करें, और मुख्य इंटरफ़ेस को सावधानी से संभाला जा सकता है

चरण 5: मल्टी-टर्मिनल अनुकूलन और क्रॉस-प्लेटफ़ॉर्म विकास

⏱ अनुमानित समय: 2-4 दिन (पहला अनुकूलन) 🎯लक्ष्य: मिनी प्रोग्राम को Alipay/Douyin/Baidu जैसे अन्य प्लेटफ़ॉर्म पर अनुकूलित करें, ताकि कोड का एक सेट कई टर्मिनलों पर चल सके ⚠️ आवश्यक शर्तें: WeChat मिनी प्रोग्राम विकसित किया गया है और बुनियादी परीक्षण पास कर लिया गया है

ऑपरेशन निर्देश

मिनी प्रोग्राम विकास में मल्टी-टर्मिनल अनुकूलन सबसे चुनौतीपूर्ण पहलू है। विभिन्न प्लेटफार्मों में अलग-अलग घटक नामकरण, एपीआई अंतर, शैली प्रस्तुति और समीक्षा नियम होते हैं। टैरो या यूनी-ऐप क्रॉस-एंड फ्रेमवर्क का उपयोग करने से अधिकांश अनुकूलन कार्य कम हो सकते हैं, लेकिन इससे निपटने के लिए अभी भी प्लेटफ़ॉर्म-विशिष्ट कोड मौजूद है।

विशिष्ट संचालन

  1. क्रॉस-एंड फ्रेमवर्क कॉन्फ़िगरेशन

    मल्टी-टर्मिनल संकलन को कॉन्फ़िगर करने के लिए का उपयोग करें:

    संकेत शब्द: "कृपया टैरो प्रोजेक्ट के लिए Alipay एप्लेट के लिए संकलन समर्थन कॉन्फ़िगर करें।
इसमें शामिल हैं: Alipay निर्भरता स्थापित करना, project.config.json के Alipay प्रारूप को कॉन्फ़िगर करना,
एक Alipay-विशिष्ट सशर्त संकलन उदाहरण बनाएं। "

  2. सशर्त संकलन प्रसंस्करण प्लेटफ़ॉर्म अंतर

    प्लेटफ़ॉर्म-विभिन्न कोड को पहचानने और चिह्नित करने के लिए AI का उपयोग करें:

    "निम्नलिखित कोड सामान्य रूप से WeChat एप्लेट में चलता है। कृपया इसे टैरो सशर्त संकलन प्रारूप में बदलें।
उन कोड खंडों की भी पहचान करें जिनके लिए प्लेटफ़ॉर्म अंतर की आवश्यकता होती है और टिप्पणियाँ जोड़ें:
[कोड सामग्री]"

  3. एपीआई अंतर अनुकूलन

प्रत्येक प्लेटफ़ॉर्म में अलग-अलग API विधियाँ होती हैं (WeChat wx.xxx, Alipay my.xxx, Douyin tt.xxx), और AI का उपयोग मैपिंग परत स्थापित करने के लिए किया जाता है:

   "कृपया निम्नलिखित प्लेटफ़ॉर्म अंतरों को समान रूप से संभालने के लिए एक टैरो प्लग-इन या उपयोगिता फ़ंक्शन बनाएं:
   1. लॉगिन एपीआई: wx.login → my.getAuthCode → tt.login
   2. भुगतान एपीआई: wx.requestPayment → my.tradePay → tt.pay
   3. उपयोगकर्ता जानकारी: wx.getUserProfile → my.getAuthUserInfo → tt.getUserInfo"

  1. प्लेटफ़ॉर्म-विशिष्ट समीक्षा सामग्री

    विभिन्न प्लेटफार्मों की समीक्षा आवश्यकताओं के अनुसार सामग्री तैयार करने के लिए का उपयोग करें:

    "मैं WeChat एप्लेट 'xxx' को Alipay एप्लेट में अनुकूलित कर रहा हूं। कृपया मुझे उत्पन्न करने में मदद करें:
1. Alipay मिनी प्रोग्राम का फ़ंक्शन विवरण दस्तावेज़
2. गोपनीयता अनुबंध अद्यतन तुलना तालिका (वीचैट संस्करण → Alipay संस्करण)
3. प्रत्येक प्लेटफ़ॉर्म समीक्षा द्वारा अस्वीकृति के सामान्य कारणों की जाँच सूची"

  2. मल्टी-टर्मिनल अनुकूलता परीक्षण

    प्रत्येक प्लेटफ़ॉर्म के डेवलपर टूल में अलग-अलग संकलन और पूर्वावलोकन करें, और AI अंतरों के समस्या निवारण में सहायता करता है:

    "Alipay मिनी प्रोग्राम में पेज स्क्रॉल करना अटका हुआ है। कृपया संभावित कारणों से निम्नलिखित कोड की जाँच करें:
[कोड स्निपेट]। ध्यान दें कि Alipay एप्लेट स्क्रॉल-व्यू के कुछ गुणों का समर्थन नहीं करता है। "

सत्यापन विधि

  • [ ] WeChat/Alipay/Douyin के तीन प्लेटफार्मों के लिए डेवलपर टूल सभी संकलित और पारित किए गए हैं।
  • [ ] मुख्य कार्य (लॉगिन, भुगतान, उत्पाद सूची) तीनों छोर पर उपलब्ध हैं और लगातार कार्य करते हैं
  • [ ] प्रत्येक प्लेटफ़ॉर्म पर एपीआई कॉल सामान्य हैं और कोई `xxx परिभाषित नहीं है' त्रुटि नहीं है।
  • [ ] प्रत्येक प्लेटफ़ॉर्म का पैकेज आकार सीमा के भीतर है।
  • [ ] वास्तविक मशीन परीक्षण पास किया (प्रति प्लेटफॉर्म कम से कम एक वास्तविक मशीन)

अक्सर पूछे जाने वाले प्रश्न

प्रश्न उत्तर
टैरो किन प्लेटफार्मों का समर्थन करता है? WeChat, Alipay, Douyin/Toutiao, Baidu, QQ, H5, रिएक्ट नेटिव
मुझे यूनी-ऐप और टैरो में से किसे चुनना चाहिए? दोनों परिपक्व समाधान हैं. टैरो के पास अधिक सक्रिय समुदाय है, और यूनी-ऐप अपने H5+ मिनी प्रोग्राम संयोजन में अधिक परिपक्व है
क्या कुछ फ़ंक्शन किसी निश्चित प्लेटफ़ॉर्म पर उपलब्ध नहीं हैं? सशर्त संकलन + डाउनग्रेड रणनीति का उपयोग करें: प्राथमिकता वाले प्लेटफार्मों के लिए मूल क्षमताओं का उपयोग करें, और द्वितीयक प्लेटफार्मों के लिए सरलीकृत समाधान या वेबव्यू डाउनग्रेड का उपयोग करें
यदि प्रत्येक प्लेटफ़ॉर्म के ऑडिट नियम विरोधाभासी हों तो मुझे क्या करना चाहिए? प्लेटफ़ॉर्म-स्वतंत्र फ़ंक्शन स्विच को क्रमशः कॉन्फ़िगर करें, और विभिन्न प्लेटफ़ॉर्म अलग-अलग कार्यात्मक मॉड्यूल प्रदर्शित करते हैं

चरण 6: परीक्षण, प्रदर्शन अनुकूलन और समीक्षा

⏱अनुमानित समय: 2-4 दिन 🎯लक्ष्य: एआई सहायता के माध्यम से पूर्ण कार्यात्मक परीक्षण, प्रदर्शन विश्लेषण और समीक्षा और रिलीज ⚠️ पूर्वापेक्षाएँ: फ़ंक्शन विकास पूरा हो गया, मल्टी-टर्मिनल अनुकूलन पूरा हो गया

ऑपरेशन निर्देश

परीक्षण और अनुकूलन ऑनलाइन होने से पहले अंतिम चरण हैं। इस लिंक में एआई का महत्व परीक्षण मामलों को शीघ्रता से तैयार करने, प्रदर्शन बाधाओं की पहचान करने और ऑडिट सामग्री तैयार करने में निहित है।

विशिष्ट संचालन

  1. एआई परीक्षण मामले उत्पन्न करता है

    मुख्य व्यावसायिक तर्क के लिए परीक्षण मामले उत्पन्न करने के लिए का उपयोग करें:

    "निम्नलिखित शॉपिंग कार्ट तर्क के लिए जेस्ट यूनिट परीक्षण मामले तैयार करें, जिसमें शामिल हैं:
सामान्य रूप से उत्पाद जोड़ें, डुप्लिकेट उत्पाद जोड़ें (मात्रा जमा हो गई है), उत्पाद हटाएं, शॉपिंग कार्ट साफ़ करें,
खाली शॉपिंग कार्ट निपटान, अपर्याप्त उत्पाद सूची, और नेटवर्क असामान्यताएं।
[शॉपिंग कार्ट स्टोर कोड]"

  2. प्रदर्शन विश्लेषण

    लोडिंग प्रदर्शन का विश्लेषण करने के लिए WeChat डेवलपर टूल के प्रदर्शन पैनल (ऑडिट) का उपयोग करें। AI-सहायता प्राप्त अनुकूलन:

   "मेरे वीचैट एप्लेट की पहली प्रस्तुति में 2.5 सेकंड लगे (ऑडिट स्कोर 65)। निम्नलिखित मेरा पेज कोड है।
   कृपया उन कारणों का विश्लेषण करें कि पहली स्क्रीन धीमी क्यों लोड होती है और अनुकूलन समाधान प्रदान करें:
   1. सिंक्रनाइज़ेशन अनुरोधों की संख्या कम करें
   2. छवियाँ WebP प्रारूप का उपयोग करती हैं
   3. उपपैकेज लोडिंग सक्षम करें
   4. सेटडेटा आवृत्ति और आकार कम करें"

  1. पैकेज वॉल्यूम अनुकूलन

    पैकेज आकार का विश्लेषण और अनुकूलन करने के लिए का उपयोग करें:

    "मेरे मिनी प्रोग्राम के मुख्य पैकेज का आकार 1.8 एमबी है, जो 2 एमबी की सीमा के करीब है। कृपया विश्लेषण करें कि निम्नलिखित में से कौन सी निर्देशिका को अनुकूलित किया जा सकता है:
- क्या छवियाँ संपीड़ित हैं?
- क्या कोई अप्रयुक्त घटक/पृष्ठ हैं?
- क्या तृतीय-पक्ष लाइब्रेरी क्लिपिंग कर रही है?
- क्या पेड़ हिलाना सक्षम है?
विशिष्ट अनुकूलन चरण दिए गए हैं. "

  2. संतरी त्रुटि निगरानी सत्यापन

    ऑनलाइन होने से पहले अपवादों की निगरानी के लिए का उपयोग करें:

    • एप्लेट कोड को परीक्षण परिवेश में अपलोड करें
    • बहु-परिदृश्य परीक्षण आयोजित करें (सामान्य प्रक्रिया, असामान्य संचालन, कमजोर नेटवर्क वातावरण)
    • संतरी पृष्ठभूमि और मूल कारणों के एआई-सहायता प्राप्त विश्लेषण द्वारा पकड़ी गई त्रुटियों की जाँच करें

  3. सूचीकरण के लिए सामग्री की समीक्षा करें और तैयार करें

    शीघ्रता से समीक्षा सामग्री तैयार करने के लिए AI का उपयोग करें:

    "मैं समीक्षा के लिए WeChat एप्लेट 'xxx' v1.0 सबमिट कर रहा हूं। कृपया इसे बनाने में मेरी सहायता करें:
1. फ़ंक्शन विवरण दस्तावेज़ (100 शब्दों के भीतर)
2. अनुभव खाता (परीक्षण खाता और पासवर्ड)
3. गोपनीयता समझौते की सामग्री ("वीचैट मिनी प्रोग्राम प्लेटफ़ॉर्म ऑपरेशन विनिर्देशों के अनुपालन में")
4. अस्वीकृति के सामान्य कारण और स्वयं-जांच आइटम"

    ⚠️ अभिगम नियंत्रण: समीक्षा के लिए सबमिट करने से पहले, मैन्युअल पुष्टि आवश्यक है:

    • मिनी कार्यक्रमों के लिए आईएपी भुगतान का उपयोग किए बिना भुगतान की गई खरीदारी के उल्लंघन का कोई जोखिम नहीं है
    • उपयोगकर्ता गोपनीयता अनुबंध को अद्यतन और सही ढंग से प्रदर्शित किया गया है
    • मिनी प्रोग्राम के सभी पेजों को सामान्य रूप से एक्सेस किया जा सकता है
    • बैकएंड प्रबंधन टर्मिनल ने उपयोगकर्ता फीडबैक चैनल कॉन्फ़िगर किया है

सत्यापन विधि

  • [ ] यूनिट परीक्षण कवरेज > 80%, सभी प्रमुख व्यावसायिक प्रक्रियाएं कवर की गई हैं
  • [ ] वीचैट मिनी प्रोग्राम ऑडिट रेटिंग ≥ 85
  • [ ] पहली स्क्रीन लोडिंग समय ≤ 1.5 सेकंड (वास्तविक डिवाइस परीक्षण)
  • [ ] संतरी परीक्षण वातावरण में कोई अप्रत्याशित त्रुटि नहीं है
  • [ ] मुख्य पैकेज का आकार <1.5एमबी (पर्याप्त मार्जिन छोड़ें)
  • [ ] समीक्षा सामग्रियां पूरी हो चुकी हैं और टीम की आंतरिक समीक्षा में पास हो चुकी हैं

अक्सर पूछे जाने वाले प्रश्न

प्रश्न उत्तर
किसी लघु कार्यक्रम की समीक्षा करने में आमतौर पर कितना समय लगता है? WeChat 1-7 कार्य दिवस (औसतन 2-3 दिन), Alipay 1-3 कार्य दिवस, डॉयिन 1-5 कार्य दिवस
यदि समीक्षा अस्वीकृत हो जाए तो क्या करें? प्लेटफ़ॉर्म द्वारा लौटाए गए अस्वीकृति कारणों की जाँच करें, शीघ्रता से संशोधित करने और पुनः सबमिट करने के लिए AI का उपयोग करें। सामान्य कारण: गलत श्रेणी चयन, अस्पष्ट कार्य विवरण, आवश्यक श्रेणी योग्यता की कमी
क्या समीक्षा में उत्तीर्ण होने के तुरंत बाद इसे प्रकाशित किया जा सकता है? आप मैन्युअल रूप से प्रकाशित कर सकते हैं या शेड्यूल किया गया प्रकाशन सेट कर सकते हैं. इसे ग्रेस्केल में रिलीज़ करने की अनुशंसा की जाती है (पहले 10% उपयोगकर्ता, यदि कोई असामान्यताएं नहीं हैं तो 24 घंटे तक निरीक्षण करें, और फिर पूरी तरह से रिलीज़ करें)
रिलीज़ के बाद मिली समस्याओं को शीघ्रता से कैसे ठीक करें? मिनी प्रोग्राम के "संस्करण रोलबैक" फ़ंक्शन का उपयोग करें और आपातकालीन मरम्मत संस्करण समीक्षा के लिए तैयार रहें। संतरी घटना के 5 मिनट के भीतर समस्याओं का पता लगाने के लिए अलार्म के साथ काम करता है

5. अपेक्षित परिणाम

डिलिवरेबल्स सूची

डिलिवरेबल्स विवरण
मिनी प्रोग्राम कोड वेयरहाउस संपूर्ण स्रोत कोड, घटक लाइब्रेरी, एपीआई सेवा परत शामिल है
क्लाउड फ़ंक्शन संग्रह क्लाउड फ़ंक्शन कोड, डेटाबेस संग्रह, सुरक्षा नियम
मल्टी-टर्मिनल कॉन्फ़िगरेशन फ़ाइल टैरो/यूनी-ऐप मल्टी-प्लेटफ़ॉर्म संकलन कॉन्फ़िगरेशन
एपीआई इंटरफ़ेस दस्तावेज़ीकरण एआई-सहायता प्राप्त मार्कडाउन प्रारूप एपीआई दस्तावेज़ीकरण
परीक्षण रिपोर्ट यूनिट परीक्षण + प्रदर्शन परीक्षण + वास्तविक मशीन परीक्षण रिपोर्ट
संतरी निगरानी पैनल अलार्म नियम और डैशबोर्ड कॉन्फ़िगर किया गया
सूचीबद्ध सामग्रियों की समीक्षा करें कार्य विवरण, गोपनीयता समझौता, खाता जानकारी

प्रदर्शन सूचक

संकेतक पारंपरिक विकास एआई-सहायता प्राप्त विकास सुधार दर
एमवीपी डिलीवरी चक्र (10 पेज का छोटा कार्यक्रम) 4-6 सप्ताह 2-3 सप्ताह 50%+ छोटा
कोड आउटपुट दक्षता ~300 लाइनें/दिन/व्यक्ति ~800 लाइनें/दिन/व्यक्ति 2-3 बार
मल्टी-टर्मिनल अनुकूलन समय (वीचैट→अलीपे) 3-5 दिन 1-2 दिन 60% छोटा
ऑनलाइन बग दर बेंचमार्क 30-50% की कमी अधिक मानकीकृत कोड की एआई-सहायता प्राप्त पीढ़ी + सीमा जांच
ऑडिट पास दर 70-80% पहली बार पास 85-95% एआई-सहायता प्राप्त ऑडिट सामग्रियां अधिक मानकीकृत और पूर्ण हैं

स्वीकृति मानदंड

  • [ ] मिनी प्रोग्राम को सामान्य रूप से WeChat/Alipay/Douyin पर खोला और उपयोग किया जा सकता है।
  • [ ] मुख्य व्यवसाय प्रक्रियाएं (लॉगिन→ब्राउज→ऑर्डर→भुगतान→बिक्री के बाद) पूरे लिंक के माध्यम से चलती हैं
  • [ ] सभी क्लाउड फ़ंक्शन ऑनलाइन तैनात किए जाते हैं और सामान्य रूप से निगरानी की जाती है, 500 त्रुटियों के बिना।
  • [ ] सेंट्री त्रुटि निगरानी ऑनलाइन होने के बाद 48 घंटों के भीतर कोई असंसाधित बड़ी त्रुटियां नहीं हैं।
  • [ ] प्रत्येक छोर पर पैकेज का आकार सीमा के भीतर है (मुख्य पैकेज ≤ 1.5एमबी)
  • [ ] समीक्षा सामग्रियों की समीक्षा मंच द्वारा की गई है और सफलतापूर्वक अलमारियों पर रख दी गई है
  • [ ] परियोजना दस्तावेज पूरा हो गया है और टीम इसे संचालन और रखरखाव के लिए सौंपने के बाद स्वतंत्र रूप से इसका रखरखाव कर सकती है।

6. अक्सर पूछे जाने वाले प्रश्न और समस्या निवारण (FAQ)

प्रश्न 1: मुझे छोटे कार्यक्रम विकसित करने का कोई अनुभव नहीं है। क्या मैं स्क्रैच से एक छोटा प्रोग्राम बनाने के लिए AI का उपयोग कर सकता हूँ?

उत्तर: आप शुरुआत कर सकते हैं, लेकिन पूरी तरह से एआई पर निर्भर रहने की अनुशंसा नहीं की जाती है। एआई आपको कोड का पहला संस्करण तैयार करने, एपीआई उपयोग को समझने और त्रुटियों का निवारण करने में मदद कर सकता है, लेकिन मिनी प्रोग्राम विकास में वीचैट प्लेटफॉर्म (जीवन चक्र, उपठेकेदारी, कस्टम घटक संचार, सेटडेटा प्रदर्शन इत्यादि) के लिए अद्वितीय वास्तुशिल्प अवधारणाएं शामिल हैं। शून्य-आधारित डेवलपर्स को बुनियादी अवधारणाओं (डब्ल्यूएक्सएमएल/डब्ल्यूएक्सएसएस सिंटैक्स, जेएस मूल बातें, मिनी प्रोग्राम जीवन चक्र) सीखने में कम से कम 1-2 सप्ताह खर्च करने की आवश्यकता है, अन्यथा एआई-जनरेटेड कोड के साथ समस्याओं का स्वतंत्र रूप से निवारण नहीं किया जाएगा। अनुशंसित पथ: सबसे पहले WeChat का आधिकारिक "क्विक स्टार्ट" ट्यूटोरियल पूरा करें → 1-2 सरल पेज विकसित करने में सहायता के लिए AI का उपयोग करें → धीरे-धीरे पूरी प्रक्रिया का विस्तार करें।

Q2: क्या AI द्वारा उत्पन्न कोड कॉपीराइट का उल्लंघन करेगा या WeChat प्लेटफ़ॉर्म विनिर्देशों का उल्लंघन करेगा?

उत्तर: एआई द्वारा उत्पन्न कोड का स्वामित्व डेवलपर का है, और कोई कॉपीराइट समस्या नहीं है। हालाँकि, आपको निम्नलिखित लाल रेखाओं पर ध्यान देने की आवश्यकता है: जब एआई द्वारा उत्पन्न सामग्री में वीचैट प्लेटफ़ॉर्म विनिर्देश शामिल होते हैं, तो इसकी मैन्युअल रूप से समीक्षा की जानी चाहिए - विशेष रूप से भुगतान प्रक्रिया (आप वीचैट पे को बायपास नहीं कर सकते हैं और तीसरे पक्ष के भुगतान का उपयोग नहीं कर सकते हैं), उपयोगकर्ता गोपनीयता (गोपनीयता समझौते को "वीचैट मिनी प्रोग्राम व्यक्तिगत सूचना सुरक्षा विनिर्देशों" के अनुसार प्रदर्शित किया जाना चाहिए), और श्रेणी चयन (चिकित्सा/वित्त जैसी श्रेणियों के लिए अतिरिक्त योग्यता दस्तावेजों की आवश्यकता होती है)। यह अनुशंसा की जाती है कि समीक्षा सामग्री उत्पन्न करने के लिए एआई का उपयोग करने के बाद, आपको "वीचैट मिनी प्रोग्राम ऑपरेशन स्पेसिफिकेशंस" के नवीनतम संस्करण के विरुद्ध मैन्युअल रूप से उनका अध्ययन करना चाहिए।

Q3: क्या AI-जनरेटेड कोड का उपयोग करने की सुरक्षा और स्थिरता विश्वसनीय है?

जवाब: इसका इलाज अलग-अलग स्तरों पर करने की जरूरत है. एआई-जनरेटेड सरल यूआई कोड (सूचियां, फॉर्म, डिस्प्ले पेज) की गुणवत्ता का सीधे उपयोग किया जा सकता है; पैसे के लेन-देन (भुगतान, ऑर्डर राशि की गणना, रिफंड तर्क) से जुड़े डेटा प्रोसेसिंग कोड की समीक्षा दो लोगों द्वारा की जानी चाहिए; एपीआई कुंजी और टोकन जैसी संवेदनशील जानकारी को एआई-जनरेटेड कोड में हार्ड-कोड नहीं किया जाना चाहिए और इसे पर्यावरण चर या क्लाउड डेवलपमेंट कॉन्फ़िगरेशन के माध्यम से इंजेक्ट किया जाना चाहिए। सीआई प्रक्रिया में कोड सुरक्षा स्कैनिंग (जैसे सोनारक्यूब) जोड़ने और सेंट्री में महत्वपूर्ण अलर्ट सेट करने की अनुशंसा की जाती है।

प्रश्न4: यदि मल्टी-टर्मिनल अनुकूलन के दौरान एआई द्वारा उत्पन्न तीन-टर्मिनल एकीकृत कोड एक निश्चित प्लेटफ़ॉर्म पर चलने पर त्रुटि की रिपोर्ट करता है तो मुझे क्या करना चाहिए?

उत्तर: क्रॉस-एंड फ्रेमवर्क का उपयोग करने के लिए यह सबसे आम परिदृश्य है। समस्या निवारण प्रक्रिया: (1) पुष्टि करें कि प्लेटफ़ॉर्म का डेवलपर टूल संस्करण उपयोग की गई एपीआई का समर्थन करता है या नहीं (कुछ पुराने संस्करण नई सुविधाओं का समर्थन नहीं करते हैं); (2) प्लेटफ़ॉर्म के लिए अलग संगत कोड लिखने के लिए टैरो/यूनी-ऐप के सशर्त संकलन का उपयोग करें; (3) विश्लेषण और समाधान के लिए त्रुटि संदेश को या पर चिपकाएँ। बड़ी मात्रा में व्यावहारिक अनुभव से पता चलता है कि सामुदायिक दस्तावेज़ीकरण और एआई की सहायता से 90% प्लेटफ़ॉर्म संगतता समस्याओं को 30 मिनट के भीतर हल किया जा सकता है।

प्रश्न5: मिनी प्रोग्राम जारी होने के बाद एआई और क्या मदद कर सकता है?

उत्तर: रिलीज के बाद एआई का निरंतर मूल्य इसमें परिलक्षित होता है: (1) ऑपरेशनल कंटेंट जेनरेशन: मिनी प्रोग्राम में मार्केटिंग कॉपी, इवेंट पेज और पुश कॉपी लिखने के लिए एआई का उपयोग करें; (2) समस्या निवारण: मूल कारण का तुरंत पता लगाने के लिए सेंट्री त्रुटि लॉग को एआई पर चिपकाएँ; (3) संस्करण पुनरावृत्ति: नए संस्करण सुविधा विकास के लिए एआई वर्कफ़्लो का पुन: उपयोग जारी रखें; (4) डेटा विश्लेषण: मिनी-प्रोग्राम डेटा विश्लेषण प्लेटफ़ॉर्म से डेटा का एआई-सहायता प्राप्त विश्लेषण, परिचालन रिपोर्ट और सुधार सुझाव तैयार करना; (5) ग्राहक सेवा स्वचालन: सामान्य उपयोगकर्ता प्रश्नों का स्वचालित रूप से उत्तर देने के लिए एआई ग्राहक सेवा प्लग-इन से कनेक्ट करें।

प्रश्न6: एआई सहायता से एक संपूर्ण लघु कार्यक्रम विकसित करने की कुल लागत क्या है?

उ: एक स्वतंत्र डेवलपर को उदाहरण के रूप में लेते हुए: मासिक टूल लागत लगभग $96 है (कर्सर प्रो $20 + चैटजीपीटी प्लस $20 + सेंट्री $26 + क्लाउड प्रो $20 + गिटहब कोपायलट $10); WeChat प्रमाणन शुल्क ￥30 (वार्षिक शुल्क) है; क्लाउड विकास शुल्क का बिल वॉल्यूम के आधार पर किया जाता है, जो प्रारंभिक चरण में लगभग ￥50-200 प्रति माह है। कुल मासिक लागत लगभग ￥700-1000 (टूल सदस्यता + क्लाउड संसाधनों सहित) है। एक पूर्णकालिक छोटे प्रोग्राम डेवलपर (मासिक वेतन 15K-30K) को काम पर रखने की तुलना में, AI-सहायता समाधान की लागत भर्ती लागत का लगभग 1/20-1/30 है।

Q7: WeChat क्लाउड डेवलपमेंट और पारंपरिक बैकएंड के बीच चयन कैसे करें?

उत्तर: चयन का आधार: परियोजना के आकार और जटिलता के आधार पर तय किया गया। क्लाउड विकास इसके लिए उपयुक्त है: छोटे और मध्यम आकार के अनुप्रयोग (उपयोगकर्ता <100,000), प्रोटोटाइप सत्यापन अवधि, और पूर्णकालिक बैकएंड के बिना टीमें। पारंपरिक बैकएंड इसके लिए उपयुक्त है: जटिल व्यवसाय जिन्हें अनुकूलित प्रमाणीकरण/डेटाबेस/मिडिलवेयर, मौजूदा बैकएंड टीमों और डेटाबेस के लिए बढ़िया नियंत्रण आवश्यकताओं की आवश्यकता होती है। एआई अनुशंसा: प्रारंभिक चरण में त्वरित सत्यापन के लिए क्लाउड डेवलपमेंट का उपयोग करें। जब व्यवसाय बढ़ता है और एक अनुकूलित बैकएंड की आवश्यकता होती है, तो इसे आसानी से Tencent क्लाउड क्लाउडबेस एप्लिकेशन होस्टिंग या स्व-निर्मित सर्वर पर स्थानांतरित किया जा सकता है।

7. उन्नति और विस्तार

7.1 मिनी प्रोग्राम + एआई एजेंट

बुनियादी विकास पूरा करने के बाद, AI क्षमताओं को मिनी प्रोग्राम में एम्बेड किया जा सकता है:

  • एआई ग्राहक सेवा सहायक: बुद्धिमान प्रश्न और उत्तर रोबोट को लागू करने के लिए बड़े मॉडल एपीआई (जैसे या API) से कनेक्ट करें
  • एआई छवि पहचान: फ़ोटो लेते समय ऑब्जेक्ट पहचान और ओसीआर पहचान का एहसास करने के लिए क्लाउड डेवलपमेंट एआई क्षमताओं या तृतीय-पक्ष एपीआई (टेनसेंट क्लाउड एआई, Baidu एआई) को कॉल करें
  • एआई अनुशंसा इंजन: उपयोगकर्ता व्यवहार डेटा के आधार पर वैयक्तिकृत अनुशंसाएं
  • एआई कॉपी राइटिंग जेनरेशन: व्यापारी पक्ष पर स्वचालित रूप से उत्पाद विवरण और मार्केटिंग कॉपी राइटिंग उत्पन्न करें

7.2 स्वचालित पाइपलाइन उन्नयन

  • GitHub क्रियाएँ + WeChat CI: स्वचालित संकलन, स्थैतिक विश्लेषण, इकाई परीक्षण, और कोड को पुश करने के बाद परीक्षण संस्करण अपलोड करना
  • एआई सहायता प्राप्त कोड समीक्षा: संभावित बग और प्रदर्शन समस्याओं का पता लगाने के लिए पीआर में कोड की स्वचालित रूप से समीक्षा करने के लिए एआई का उपयोग करें
  • स्वचालित स्क्रीनशॉट: ऑपरेटिंग सामग्रियों के लिए स्वचालित रूप से मल्टी-एंड स्क्रीनशॉट उत्पन्न करने के लिए प्लेराइट + वीचैट डेवलपर टूल सीएलआई का उपयोग करें

7.3 एकल मंच से सर्व-चैनल तक

  • प्रारंभिक बिंदु: वीचैट एप्लेट → बिजनेस मॉडल सत्यापित करें
  • एक्सटेंशन: Alipay + Douyin मिनी प्रोग्राम → मुख्यधारा के उपयोगकर्ता समूहों को कवर करना
  • H5 सिंक्रोनाइज़ेशन: टैरो H5 संस्करण संकलित करता है → सार्वजनिक खाते/बाहरी चैनल में एम्बेड करें
  • ऐप पैकेजिंग: आईओएस/एंड्रॉइड देशी एप्लिकेशन उत्पन्न करने के लिए टैरो की आरएन संकलन क्षमता या फ़्लटर एप्लेट समाधान का उपयोग करें

7.4 प्रदर्शन और विकास

  • प्रदर्शन निगरानी स्वचालन: पृष्ठ लोड समय और एपीआई प्रतिक्रिया समय को ट्रैक करने के लिए संतरी प्रदर्शन का उपयोग करें, और P95 अलार्म थ्रेशोल्ड सेट करें
  • ए/बी टेस्ट: मल्टी-लिंक जंप और एक्सपोज़र पॉइंट को एकीकृत करें, प्रयोगात्मक डेटा का एआई-सहायता प्राप्त विश्लेषण
  • उपयोगकर्ता वृद्धि मॉडल: उपयोगकर्ता प्रतिधारण, साझाकरण दर और रूपांतरण दर, और आउटपुट अनुकूलन सुझावों का एआई-सहायता प्राप्त विश्लेषण
  • स्वचालित संचालन: उपयोगकर्ता व्यवहार डेटा (क्लाउड डेवलपमेंट डेटाबेस के साथ संयुक्त) के आधार पर, नियमित रूप से टेम्पलेट संदेश और कूपन भेजने के लिए क्लाउड फ़ंक्शन का उपयोग करें

7.5 सुरक्षा और अनुपालन विस्तार

  • कोड सुरक्षा ऑडिट: ESLint सुरक्षा नियम सेट का उपयोग करके सुरक्षा स्कैनिंग सीआई कार्य उत्पन्न करें
  • डेटा अनुपालन: गोपनीयता समझौते और उपयोगकर्ता समझौते के नवीनतम संस्करण की एआई-सहायता प्राप्त पीढ़ी जो प्रत्येक प्लेटफ़ॉर्म की आवश्यकताओं को पूरा करती है
  • प्रवेश परीक्षण सहायता: एआई सामान्य सुरक्षा मुद्दों (एक्सएसएस, एसक्यूएल इंजेक्शन, अनधिकृत पहुंच) का विश्लेषण करने और मरम्मत समाधान प्रदान करने में सहायता करता है

उपयोगकर्ता समीक्षाएं

  • समीक्षाएं लोड हो रही हैं...