小程序开发不求人 (阿里云) (Z-Library)

# 小程序开发不求人 (阿里云) 【One-Line Pitch】 A practical, hands-on guide to building Alipay mini-programs from scratch — covering everything from account registration and IDE usage to core APIs, UI components, and real-world scenarios like QR-code ordering and photo upload. Ideal for beginners who want to ship a working mini-program without wading through scattered official docs. 【Book Arc】 - **Opening (~0%–7%)**: Why Alipay mini-programs matter — the platform's positioning, its 70% focus on offline commercial life services, and the "building-block" ecosystem where Alipay capabilities (payment, logistics, LBS) can be combined. Then walks through pre-development preparation: account registration and developer onboarding. - **Early (~7%–20%)**: Developer tool (IDE) mastery — the main interface layout, compile modes, cache clearing, real-device debugging, preview, and upload workflow. Introduces the mini-program file structure (app.json, app.js, app.acss) and the four-file page pattern (.json, .axml, .acss, .js). - **Early (~20%–33%)**: Global and page configuration deep-dive — window settings, tabBar configuration, ACSS styling rules (rpx units, selector restrictions, style imports), and the App() lifecycle with launch parameters and getApp() usage. - **Middle (~33%–47%)**: Page runtime mechanics — Page() registration, lifecycle callbacks (onLoad, onShow, onReady, onHide, onUnload), the events object, setData and $spliceData for data updates, and performance tips like $batchedUpdates. Includes the HTTPS networking chapter explaining my.request and domain whitelist requirements. - **Middle (~47%–60%)**: Practical scenario chapters — QR-code scanning for restaurant ordering (my.scanCode), image upload with my.uploadFile (including server-side Java code), and network status detection (my.getNetworkType). - **Late (~60%–end)**: UI component library (mini-ali-ui) — tips-dialog, modal, and input components with their properties, slots, and usage examples. Excerpts end here; later chapters on publishing and operations are not covered in this guide. 【Key Takeaways】 - **Alipay mini-programs are commerce-first** (Early): Unlike WeChat's game/live-streaming focus, 70% of Alipay's million-plus mini-programs serve offline commercial life services — the "closest to money" scenarios. This shapes the platform's API priorities (payment, scan, location). - **The IDE is your daily workspace** (Early): Master compile modes for testing specific pages with parameters, use auto-preview to avoid repeated QR scans, and understand that upload requires associating your local project with the backend mini-program first. - **Four files per page, one global trio** (Early): Every page needs .json (config), .axml (template), .acss (style), and .js (logic). The app-level trio — app.json (pages list, window, tabBar), app.js (App() registration, global data), app.acss (global styles) — defines the whole mini-program. - **ACSS is CSS plus rpx** (Early): ACSS is 100% CSS-compatible with additions. Use rpx (responsive pixel, 750rpx = screen width) for cross-device adaptation. Avoid .a-/.am- prefixed selectors (system-reserved) and attribute selectors (unsupported). Local resource references must use absolute paths. - **setData is the only way to update views** (Middle): Directly mutating this.data won't update the page and causes inconsistency. Use setData with data paths (e.g., 'a.b[2].message'), avoid setting undefined values, and batch multiple setData calls inside this.$batchedUpdates for performance. - **HTTPS is mandatory for production** (Middle): my.request only works with whitelisted domains in production. During development you can ignore domain checks in the IDE, but the whitelist must be configured before launch. Default content-type is application/json, not form-urlencoded. - **QR codes replace tedious input** (Middle): my.scanCode lets users scan QR codes to pass data (e.g., table numbers for restaurant ordering). This pattern extends to product barcodes, shared bikes, and any scenario where encoding information beats manual entry. - **Domain whitelist gates all network APIs** (Middle): my.request, my.uploadFile, my.downloadFile, and my.connectSocket all require the server domain to be pre-configured in the mini-program admin console — configure this early to avoid debugging surprises. 【Reading Tips】 - **Skim the opening chapters** (~0%–7%) if you already know why you want to build a mini-program; the platform background is motivational but not actionable. - **Deep-read the IDE chapter** (~7%–13%) — compile modes and upload workflow are common stumbling blocks for beginners; getting these right saves hours. - **Study the app.json and page configuration sections carefully** (~13%–33%) — tabBar, window settings, and ACSS rules are foundational; the rpx unit explanation is essential for responsive layouts. - **Pay special attention to the setData and $spliceData examples** (~40%–47%) — data binding is where most bugs originate; the immutable-data pattern shown here prevents subtle state issues. - **The scenario chapters** (~47%–60%) are best read as templates — the QR-scan and upload examples give you copy-paste starting points for common business needs. The Java server code for file download is useful if you control your backend. 【Coverage Limits】 This guide covers the first roughly two-thirds of the book (through UI components). Excerpts do not cover later chapters on publishing, review, operations, marketing tools, or the Alipay ecosystem's center-channel traffic policies — consult the full book for those.