資訊專欄INFORMATION COLUMN
摘要：接下來，在支付寶小程序開發(fā)者工具中打，不出意外能跑起來一個電商支付寶小程序雛形。地址以上是我這個攻城獅對使用轉換原生微信小程序為支付寶小程序的一次微不足道的實踐。
↑開局一張圖，故事全靠編↑
作為底層的程序猿，哦不，我連猿都算不上，混的好的叫碼神，混得一般的叫碼農(nóng)，混得有點差的叫碼畜，混得極差的，就像我這樣的，叫碼渣。去年，2018年年底，12月份，運營的大佬提出了想做電商類支付寶小程序的想法，需求很簡單：做一個自己的商城，上架到支付寶小程序應用市場。一句話，簡單明了，需求很明確啊，可這句話對我來說，要實現(xiàn)的難度，比起李白上蜀道還難，比難于上青天還難。細細一想，做商城，得有后臺管理系統(tǒng)吧？得有支付系統(tǒng)吧？得有訂單管理等一系列業(yè)務支撐的后臺吧？我一小小的前端，本身業(yè)務基礎又差，每天上班8小時劃水10小時，竟然讓我獨自完成一個電商支付寶小程序，哈哈哈哈哈。不過，本來沒做實質性項目的我，怎么會畏懼，怎么能退縮，生死看淡，不服就干！誰給我的自信？開源社區(qū)??！作為“資深”的Copy碼渣，接到任務我就在github開始尋符合需求的demo，皇天不負有心人，我把github翻了個遍，收獲寥寥無幾，各位大佬有啥支付寶小程序開源的項目請一定推薦給我，Copy選不中對象，就無法愉快地進行Paste。為了快速交付，經(jīng)過對比選用@tumobi大佬的Nideshop“全家桶”，于是就有了這次借助Taro的taro convert轉化微信小程序為支付寶小程序的經(jīng)歷。在我看來，我寫不出如此出色的開源項目，倘若我能借助這些項目快速完成自己的工作，享受開源帶來的樂趣，對于現(xiàn)階段的我而言，足矣！(絕逼不敢相信，從業(yè)多年的程序員依舊是這么low！)
（圖片來源于網(wǎng)絡）
工欲善其事必先利其器。9102年了，還有誰在用notepad寫代碼？當然，對于我們前端而言，誰的電腦沒裝個nodegitvscode之類的軟體？如果您還沒裝的話，趕緊裝吧，裝完您就會嘿嘿嘿，對于我而言沒有ndoe我無法工作，沒有前端開發(fā)環(huán)境，我就不快樂。
(圖片來源于網(wǎng)絡)
在您的平臺上下載 Node.js 源碼或預編譯安裝包，然后即可馬上進行開發(fā)。去下載
git--distributed-is-the-new-centralized。去下載
小程序開發(fā)者工具定位于「一站式小程序研發(fā)工具」，專門為小程序開發(fā)打造，提供了項目管理、編碼、調試、真機測試等功能。去下載
其他的好像也沒啥了，當年好像我的還裝了Python|jJava|Android等環(huán)境，那是2016年的事了追憶,現(xiàn)在看來很傻很天真，其實沒必要。
Copy進行時Taro 可以將你的原生微信小程序應用轉換為 Taro 代碼，進而你可以通過 taro build 的命令將 Taro 代碼轉換為對應平臺的代碼，或者對轉換后的 Taro 代碼進行用 React 的方式進行二次開發(fā)。之前一直在期待taro的這個功能，雖然不會React，也要嘗試一下，也希望通過這些實踐更加了解React并好好學習，從我接觸的內(nèi)容來說，React是前端開發(fā)必備的技術棧。
Taro安裝 /** Quick Start With NPM Or Yarn **/
$ npm install -g @tarojs/cli
$ yarn global add @tarojs/cli
nideshop-mini-program下載
git clone https://github.com/tumobi/nideshop-mini-program.git
cd nideshop-mini-program
轉化為taro
taro convert
通過以上步驟可以得到一個taroConvert的文件夾，就算暫時成功的了。
cd taroConvert npm i
對于大多數(shù)前端項目來說，現(xiàn)階段不可避免的問題是可能一個不算復雜的項目會依賴上百個npm包，也正是因為這些包，大大解放了生產(chǎn)力，一定程度上提高了開發(fā)效率。當然，如同硬幣有兩面，伴隨著便捷高效的同時也帶來了一定的安全風險?？赡艽髲S都是自己造輪子吧！
npm run build:alipay
理想狀態(tài)是可直接打包成dist的，but……
接下來就捋一捋存在的問題，為什么要手動修改一些問題？
首先回到taro的官方文檔看下 taro convet會遇到哪些坑
在小程序 IDE 顯示 _createData 錯誤?了解
這里我們好像暫時沒遇到這個問題，也不知道是哪個小程序IDE會有如此問題，先忽略了。
轉換 wxParse 報錯不存在文件?了解
這個問題我們要及時改正，在執(zhí)行taro conver前先把wxParse.wxml中46行到128行的wxParse1修改為wxParse0
不支持 relations 和 Behavior了解
這個問題我們代碼里好像沒有這些組件，暫時忽略
轉換 wepy 文件不成功了解
這個問題我們肯定不存在，因為這個項目沒有使用wepy,繼續(xù)忽略。
現(xiàn)在看來，以上問題貌似都不存在，那么我們先回到這個報錯
憑我多年的copy經(jīng)驗，一定是文件不存在或者文件引用路徑有問題。不慌，對比了原文件taro convert之后的taroConvert目錄里邊的wxParse,的確發(fā)現(xiàn)了小問題：wxParse目錄下的文件缺失,除了wxParse.js過來了，其他的都沒有被轉換。那就暴力一回，使出我的Copy大法，手動轉換過去，并修改幾處引用的相對路徑，繼續(xù)build。
接下來，在支付寶小程序開發(fā)者工具中打，不出意外能跑起來一個電商支付寶小程序雛形。
github地址??nideshop-alipay by taro convert
以上是我這個Copy攻城獅對使用taro convert轉換原生微信小程序為支付寶小程序的一次微不足道的實踐。
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/101315.html
摘要：開局一張圖，故事全靠編是啥變色龍又是啥自從有小程序以來，小程序的第三方框架便孕育而生，從原始時代的只基于微信小程序多如今多端統(tǒng)一開發(fā)框架，可以說前端技術從年到年又發(fā)生了天翻地覆的變化。 Created 2019-4-6 21:57:17 by huqi Updated 2019-4-7 22:54:55 by huqi showImg(https://segmentfault.c...
摘要：根據(jù)當時的情境，是在微信開發(fā)者工具中刪掉該小程序然后重新載入就解決了，大家給出的結論是微信小程序開發(fā)者工具的。 Created 2019-4-2 22:17:34 by huqiUpdated 2019-4-2 23:17:34 by huqishowImg(https://segmentfault.com/img/bVbqOLH?w=1526&h=818); ↑開局一張圖，故事全靠編...
摘要：目前支持哪些平臺的搬家目前對外開放版本釋放了微信小程序轉支付寶小程序的功能，這也是我們在調研中發(fā)現(xiàn)需求最多的。從筆者的了解來看，微信小程序框架原理更接近于，而支付寶小程序更接近于。 原文地址： https://ant-move.github.io/we... 螞蟻搬家工具（Antmove）是一個小程序開發(fā)輔助工具，致力于解決小程序跨平臺開發(fā)的難題，借助于 Antmove，你只需要編寫...
摘要：依舊是很簡單的需求，但是對于資深的攻城獅來說，除了布局，其他的就只能去了。特別是真機跑的時候，問題特別多。還是坑在基礎不牢固，文檔看得不深入，對小程序原生組件應該注意的事項把握不準，才會掉入這個非常基礎的坑。 Created 2019-4-3 18:29:53 by huqiUpdated 2019-4-3 19:12:22 by huqi showImg(https://segmen...
摘要：介于目前項目的前端開發(fā)基于人人企業(yè)版有了快狗團隊的手摸手，很快就能用部署這樣一個后臺管理平臺。構建鏡像，部署靜態(tài)資源這里借助獲取鏡像，通鏡像作為基礎來構建人人企業(yè)版鏡像。本許可協(xié)議授權之外的使用權限可以從處獲得。 Created by huqi at 2019-5-24 21:01:30 Updated by huqi at 2019-5-26 00:00:42 前言 最近后端的小...
閱讀 1272·2021-11-22 13:54
閱讀 1462·2021-11-22 09:34
閱讀 2749·2021-11-22 09:34
閱讀 4081·2021-10-13 09:39
閱讀 3367·2019-08-26 11:52
閱讀 3393·2019-08-26 11:50
閱讀 1563·2019-08-26 10:56
閱讀 1941·2019-08-26 10:44
