小程式筆記（一）獲取wxapkg，並解壓，還原專案。
<div id="article_content" class="article_content clearfix csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post"> <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-e4c7a3727d.css"> <div class="htmledit_views"> <p><strong>首先要下載必要的工具，有的可以直接用了</strong></p>
<p> 1、下載wxappUnpacker，我這裡用的是node版還有其他班自己查https://github.com/qwerty472123/wxappUnpacker</p>
<p> 2、下載node。js</p>
<p> 3、一臺帶微信的手機我的是渣渣便宜（手機魅族5s）</p>
<p> </p>
<p>開始：</p>
<p> 一是我們先關注下小程式</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608101214622"></p>
<p>關注完後，微信就會下載它對應的wxapkg</p>
<p>然後就是獲取wxapkg啦，</p>
<p>另一種獲取wxapkg方法<a href="https://blog.csdn.net/as66708/article/details/80922124" rel="nofollow" target="_blank">小程式筆記（二）另一種方便獲取wxapkg方法</a></p>
<p>去到手機的檔案管理，查wx這個字元就會發現</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608101744334"></p>
<p>點選進去就可以看到一些wxapkg了，把他通過QQ微信啊，發到電腦上（前提是手機root了）</p>
<p>而我這個渣渣手機沒root怎麼辦呢可以通過備份</p>
<p>點選手機的 設定---》儲存和備份---》備份手機資料（因手機有區別請自行查詢找手機備份）</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608102716676"></p>
<p>然後點選應用</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608102753118"></p>
<p>直選微信一個備份--》確定--》開始備份</p>
<p> </p>
<p>備份完成後，去檔案管理 裡面，搜尋App（各自手機備份檔案不一樣，請自行查詢位置）</p>
<p> </p>
<p>找到我剛剛備份的，把zip帶著，發到電腦上</p>
<p> </p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/2018060810313381"></p>
<p>把下面的zip發到qq解壓</p>
<p>到手解壓<img alt="" class="has" src="https://img-blog.csdn.net/20180608104056396"></p>
<p> </p>
<p>裡面有好多東西，那麼wxpakg在哪呢</p>
<p> </p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608104232747"></p>
<p> </p>
<p>開啟MicroMsg資料夾</p>
<p>看到這些玩意，就是他們了</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608104337440"></p>
<p>點選進去 ----》第一個appbrand----》pkg</p>
<p>找到了，</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608104505464"></p>
<p> </p>
<p>既然wxapkg找到了，拿怎麼還原專案呢</p>
<p>開啟我們下載的node，用過的就當看戲，我下載的是window安裝版的</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608105100889"></p>
<p>安裝的話就選好目錄使勁next就好了</p>
<p>我把安裝丟到了D盤</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608105259960"></p>
<p> </p>
<p>然後就是配置環境變數，用過jdk的都會的。</p>
<p>點選電腦右鍵屬性---》高階系統設定---》環境變數</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608110258385"></p>
<p>新建這個</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608110351696"></p>
<p>目錄根據自己安裝位置改，要找到node_modules這個資料夾。</p>
<p>然後確定--》確定</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/2018060811050536"></p>
<p> </p>
<p>然後去cmd測試成功否輸入node -v檢視node的版本號</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608110920393"></p>
<p>輸入 npm -v 檢視npm的版本號</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608111021608"></p>
<p> </p>
<p>很好沒毛病<img alt="" class="has" src="https://img-blog.csdn.net/2018060811131776"></p>
<p> </p>
<p>然後根據他說加上依賴：<a href="https://github.com/senchalabs/cssbeautify" rel="nofollow" target="_blank">cssbeautify</a>、<a href="https://github.com/csstree/csstree" rel="nofollow" target="_blank">CSSTree</a>、<a href="https://github.com/patriksimek/vm2" rel="nofollow" target="_blank">VM2</a>、<a href="https://github.com/jquery/esprima" rel="nofollow" target="_blank">Esprima</a>、<a href="https://github.com/mishoo/UglifyJS2/tree/harmony" rel="nofollow" target="_blank">UglifyES</a></p>
<p>執行npm install</p>
<p>全域性安裝命令：</p>
<p> </p>
<pre class="has" name="code" onclick="hljs.copyCode(event)"><code class="hljs sql"><ol class="hljs-ln"><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="1"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">npm <span class="hljs-keyword">install</span> esprima -g</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="2"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">npm <span class="hljs-keyword">install</span> css-tree -g</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="3"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">npm <span class="hljs-keyword">install</span> cssbeautify -g</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="4"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">npm <span class="hljs-keyword">install</span> vm2 -g</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="5"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">npm <span class="hljs-keyword">install</span> uglify-es -g</div></div></li></ol></code><div class="hljs-button" data-title="複製"></div></pre>
<p>準備工作完成了，那麼我們開始用吧<img alt="大笑" class="has" src="https://static-blog.csdn.net/xheditor/xheditor_emot/default/laugh.gif"></p>
<p> </p>
<p>我把下載下來的wxappUnpacker也丟到了node的目錄下</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/2018060811402473"></p>
<p> </p>
<p>用它裡面的方法</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608114201921"></p>
<p>我們用 wuWxapkg.js這個命令來解壓這個包</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608114456203"></p>
<p> </p>
<p>解壓完了</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608114703345"></p>
<p>開啟我們剛剛解壓的</p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608114836370"></p>
<p>搞定拿到了<img alt="大笑" class="has" src="https://static-blog.csdn.net/xheditor/xheditor_emot/default/laugh.gif"></p>
<p><img alt="" class="has" src="https://img-blog.csdn.net/20180608114947212"></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p> </div> </div>