Lovable.dev គឺជាកម្មវិធីកូដ AI ដែលមានភាពងាយស្រួលនិងមានប្រសិទ្ធិភាពដែលអាចបង្កើតគេហទំព័រនិងកម្មវិធីដែលអាចប្រើបាននិងមានប្រសិទ្ធិភាពក្នុងរយៈពេល ២ វិនាទី។ ប្រព័ន្ធ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ fast and effective scaffolding ប៉ុន្តែប្រសិនបើអ្នកបានជួរឱ្យ Lovable ដើម្បីបង្កើតការរួមបញ្ចូល end-to-end អ្នកនឹងដឹងវា។ ប៉ុន្តែអាចជោគជ័យដើម្បីភ្ជាប់ជាមួយសេវាកម្មខាងក្រៅដោយឥតគិតថ្លៃ។ looks amazing, ការរួមបញ្ចូលគ្នានេះមិនមែនជាការជឿទុកចិត្ត។ ពួកគេត្រូវ នេះជាកន្លែងដែល មាននៅក្នុង: កម្រងការរួមបញ្ចូលជាទូទៅដែលមានប្រសិទ្ធិភាព AI ដែលអនុញ្ញាតឱ្យអ្នកបង្កើតការតភ្ជាប់ទៅនឹងកម្មវិធីណាមួយសម្រាប់ការប្រើប្រាស់ណាមួយ។ reliable authentication, solid integration logic, and secure execution routes. មាត្រា ការធ្វើតេស្តបច្ចុប្បន្ន សូមអរគុណសម្បត្តិដើម្បីបង្កើតប្រព័ន្ធប្រតិបត្តិការ SaaS ដែលអនុញ្ញាតឱ្យអ្នកប្រើដើម្បីបណ្តាញផ្ទាល់ខ្លួនរបស់ពួកគេ និង វាត្រូវបានបង្កើតឡើងដោយប្រព័ន្ធប្រតិបត្តិការ HubSpot និងបង្កើតឡើងដោយប្រព័ន្ធប្រតិបត្តិការ HubSpot ។ HubSpot OpenAI នេះគឺជាការចាប់ផ្តើមដើម្បី Lovable: បានបង្កើតប្រព័ន្ធប្រតិបត្តិការ SaaS ជាមួយនឹងប៊ូតុង "ការទាក់ទងទៅនឹង Hubspot" និងប៊ូតុង "ការទាក់ទងទៅនឹង OpenAI" និងវិធីមួយដែលអ្នកប្រើប្រាស់អាចទាញយកការងារ Hubspot របស់ពួកគេនិងដំណើរការវាជាមួយ OpenAI ដើម្បីបង្កើតគម្រោងចម្រៀង។ បានបង្កើតប្រព័ន្ធប្រតិបត្តិការ SaaS ជាមួយនឹងប៊ូតុង "ការទាក់ទងទៅនឹង Hubspot" និងប៊ូតុង "ការទាក់ទងទៅនឹង OpenAI" និងវិធីមួយដែលអ្នកប្រើប្រាស់អាចទាញយកការងារ Hubspot របស់ពួកគេនិងដំណើរការវាជាមួយ OpenAI ដើម្បីបង្កើតគម្រោងចម្រៀង។ លទ្ធផល: អ្វីដែលស្រស់ស្អាតធ្វើឱ្យល្អណាស់ (នៅលើខ្លួនឯង): Generates a slick UI with connection buttons: Prompts us to connect Supabase for a backend (which our use case would require): Generates a scaffolded, API-based infrastructure after referencing the relevant OpenAI and Hubspot docs: នៅពេលដែលវាអាចប្រើការជួយមួយចំនួន: Lovable បានសួរអំពីគោលបំណង OpenAI API របស់ខ្ញុំដែលមិនមានគោលបំណងសម្រាប់ការប្រើប្រាស់របស់យើង។ យើងចង់អនុញ្ញាតឱ្យកម្មវិធីនេះអនុញ្ញាតឱ្យអ្នកប្រើប្រាស់ណាមួយចូលរួមជាមួយគណនីរបស់ពួកគេ។ វាត្រូវបានបង្កើតឡើងនូវដំណោះស្រាយ OAuth ដែលមានភាពងាយស្រួលដែលនឹងត្រូវបានបាត់បង់នៅក្នុងស្ថានភាពអតិថិជន (ប្រសិនបើពួកគេបានធ្វើការ) ។ វាត្រូវបានរចនាឡើងជាមួយនឹងការទទួលបាន API ដំបូងដែលមិនអាចអនុញ្ញាតឱ្យការធ្វើតេស្ត, អ្នកប្រើជាច្រើនឬការធ្វើតេស្តសុវត្ថិភាពប៉ុណ្ណោះ។ ការ App ប៉ុន្តែការរួមបញ្ចូលគ្នានេះមិនបានធ្វើបាន end-to-end ។ Result: ខ្ញុំនៅ ការបន្ថែមប្លាស្ទិចទៅក្នុង mix ដើម្បីជួយអ្នកស្រឡាញ់ ការធ្វើដំណើរទៅនឹងកម្មវិធីរួមបញ្ចូលទាំងស្រុងយើងបានបង្កើត Membrane ។ ហ្គេម នេះគឺដូច្នេះ: Feed Lovable the Membrane AI Context We pasted directly into the conversation. This gave Lovable knowledge of : connection UIs, connectors, authentication tokens, etc: Membrane’s Initial AI Context Membrane’s integration framework Leverage Membrane’s Connection UI Instead of trying to scaffold its own interface for user connections, Lovable was nudged to use Membrane’s , which automatically handles OAuth, token storage, and user-specific authentication: pre-built Connection UI Implement Supabase Backend Pasting the also taught Lovable how to configure Supabase to support Membrane’s backend requirements. Membrane AI Quickstart Context Lovable asked for my Membrane credentials and stored them as Secrets to be retrieved by Supabase Edge Functions. Now, when prospective users want to connect their accounts for HubSpot and OpenAI, the system will create Membrane connections that are authenticated with my workspace credentials: Configure the Membrane Workspace Since Lovable doesn’t currently support connecting to Membrane in a local dev environment, we manually: Added HubSpot and OpenAI connectors through the Membrane console, which only takes a few clicks. Configured the relevant (fetch-tasks, summarize-tasks). Actions Grabbed the drop-in from the console. Membrane provides exact code snippets that you can drop into your app for Action execution: SDK calls Provide Lovable with the SDK Calls We pasted the Membrane Action snippets into Lovable so that it could wire up backend calls correctly: Troubleshoot with “Vibes” If Lovable became confused (which can be expected within the vibe-coding experience), we reminded it of two truths: that handles backend auth & token persistence, and users connect their own accounts. Never ask for my individual API keys for HubSpot or OpenAI. Remember Supabase The is the source of truth for connections & actions. Membrane AI context Experiment Result: After Lovable elegantly vibe-squashed a couple of runtime errors, the app worked! Integrated end-to-end and reproducible: The app features a workflow, allowing users to: fully-integrated Connect to their own OpenAI and Hubspot accounts with Membrane’s Connection UI components. Generate an AI-optimized, smart to-do list Navigate a sleek, interactive UI. The only manual steps required were adding connectors in the Membrane workspace and configuring Membrane Actions — each of which required just a few clicks. អាសយដ្ឋានអាសយដ្ឋាន ការផ្លាស់ប្តូរជាមួយ membrane ហ្វេសប៊ូតុងបានធ្វើឱ្យស្រស់ស្អាតពី a ក្នុង A : UI wizard production-ready integrations builder ការគ្រប់គ្រងគោលបំណង API ដែលមិនអាចគ្រប់គ្រងដោយផ្ទាល់។ អ្នកប្រើប្រាស់អាចបណ្តាញគោលបំណង HubSpot និង OpenAI របស់ពួកគេដោយខ្លួនឯងហើយការគ្រប់គ្រងគោលបំណងត្រូវបានគ្រប់គ្រងដោយគោលបំណងដោយ Membrane ។ ប្រព័ន្ធប្រតិបត្តិការ: ទោះជាយ៉ាងណាក៏ដោយប្រព័ន្ធប្រតិបត្តិការ Membrane Actions បានផ្តល់នូវប្រព័ន្ធប្រតិបត្តិការដែលអាចប្រើបានជាច្រើននិងមានភាពងាយស្រួលក្នុងការរួមបញ្ចូល។ Supabase + Membrane: ការផ្លាស់ប្តូរជាច្រើនដោយគ្មានការច្នៃប្រឌិតច្នៃប្រឌិត។ ឥឡូវនេះ, នៅពេលដែលអ្នកប្រើបានតភ្ជាប់ HubSpot និង OpenAI, កម្មវិធីនេះអាចទទួលបានការធ្វើតេស្តដែលមានសុវត្ថិភាពនិងផ្តល់នូវសៀវភៅធ្វើតេស្តដែលមានសុវត្ថិភាព។ ការពិសោធន៍ Vibe-coding Pain Point Membrane Fix Result Lovable tries to create a single-user, hardcoded integration 🔑 Membrane Connection UIs Each user connects their own accounts securely Brittle/non-functional OAuth, token leaks 🔒 Membrane Authentication Secure, multi-tenant auth One-off API calls 🔁 Membrane Actions Reusable, reliable integrations Integration Debugging 🏁 Membrane Integration Logic Minimal debugging required Lovable បានធ្វើការដើម្បីបង្កើតការរួមបញ្ចូល hardcoded មួយអ្នកប្រើមួយ ឪពុក ប្រព័ន្ធ ប្រតិបត្តិការ UI អ្នកប្រើប្រាស់ទាំងអស់ចូលរួមជាមួយគណនីរបស់ពួកគេដោយសុវត្ថិភាព Brittle / non-functional OAuth, ការបាត់បង់ token ឪពុក ការត្រួតពិនិត្យ membrane អេឡិចត្រូនិដោយឥតគិតថ្លៃ ប្រព័ន្ធ ប្រតិបត្តិការ One-off API ប្រព័ន្ធប្រតិបត្តិការ ការរួមបញ្ចូលដែលមានសុវត្ថិភាពនិងអាចប្រើបាន ការដំឡើង Debugging ឪពុក លក្ខណៈពិសេស Integration Logic ការធ្វើតេស្តតូចដែលត្រូវការ ការកាត់បន្ថយ Vibe តម្លៃ នៃ Lovable គឺ នៅ ក្នុង មូលនិធិ: មូលនិធិដ៏អស្ចារ្យនៃមូលនិធិគឺនៅក្នុង fast iteration reliable and scalable integrations. ពួកគេត្រូវបានផ្លាស់ប្តូរទៅក្នុងអ្វីដែលជាច្រើនជាងនេះ: អ្នកផ្គត់ផ្គង់អាចរចនាសម្ព័ន្ធគំនិតនៅលឿននៃការគិតជាមួយ Lovable ។ Membrane អនុញ្ញាតឱ្យគំនិតទាំងនេះធ្វើការពិតប្រាកដនៅលើកម្មវិធី SaaS ទាំងអស់។ : ជាមួយ នៅពេលនេះ Lovable មិនកាត់បន្ថយគំនិតនិងចាប់ផ្តើមជាអ្នកបង្កើតការរួមបញ្ចូល SaaS ដែលពិតប្រាកដ។ Bottom Line មាត្រា សូមចាប់ផ្តើមការរួមបញ្ចូលគ្នានេះនៅថ្ងៃនេះ។ ការធ្វើតេស្ត Membrane: ការធ្វើការ Membrane មូលដ្ឋាន Docs ស្វែងរក Lovable
