<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>實戰範例 &#8211; 科技島-掌握科技新聞、科技職場最新資訊</title>
	<atom:link href="https://www.technice.com.tw/tag/%e5%af%a6%e6%88%b0%e7%af%84%e4%be%8b/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.technice.com.tw</link>
	<description>專注於科技新聞、科技職場、科技知識相關資訊，包含生成式AI、人工智慧、Web 3.0、區塊鏈、科技職缺百科、生物科技、軟體發展、雲端技術等豐富內容，適合熱衷科技及從事科技專業人事第一手資訊的平台。</description>
	<lastBuildDate>Mon, 26 Sep 2022 01:20:44 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.2</generator>

<image>
	<url>https://www.technice.com.tw/wp-content/uploads/2022/12/cropped-wordpress_512x512-150x150.png</url>
	<title>實戰範例 &#8211; 科技島-掌握科技新聞、科技職場最新資訊</title>
	<link>https://www.technice.com.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">223945996</site>	<item>
		<title>不知如何選套件？教你 4 招來避雷！（下）｜專家論點【林鼎淵】</title>
		<link>https://www.technice.com.tw/experience/19543/</link>
					<comments>https://www.technice.com.tw/experience/19543/#respond</comments>
		
		<dc:creator><![CDATA[林鼎淵]]></dc:creator>
		<pubDate>Mon, 26 Sep 2022 02:10:00 +0000</pubDate>
				<category><![CDATA[產業]]></category>
		<category><![CDATA[專家論點]]></category>
		<category><![CDATA[套件]]></category>
		<category><![CDATA[實戰範例]]></category>
		<category><![CDATA[工程師]]></category>
		<category><![CDATA[林鼎淵]]></category>
		<category><![CDATA[科技業]]></category>
		<guid isPermaLink="false">https://www.technice.com.tw/?p=19543</guid>

					<description><![CDATA[<p><img width="1200" height="627" src="https://www.technice.com.tw/wp-content/uploads/2022/09/image-2-2.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="image 2 2" decoding="async" srcset="https://www.technice.com.tw/wp-content/uploads/2022/09/image-2-2.png 1200w, https://www.technice.com.tw/wp-content/uploads/2022/09/image-2-2-300x157.png 300w, https://www.technice.com.tw/wp-content/uploads/2022/09/image-2-2-1024x535.png 1024w, https://www.technice.com.tw/wp-content/uploads/2022/09/image-2-2-768x401.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" title="不知如何選套件？教你 4 招來避雷！（下）｜專家論點【林鼎淵】 1"></p>
<p>紙上得來終覺淺，讓我們依照上篇文章提供的 4 個方法，透過實戰了解如何選出合適的套件吧！<content><!-- wp:image {"sizeSlug":"large"} --></p>
<figure class="wp-block-image size-large"><img src="https://images.unsplash.com/photo-1518644730709-0835105d9daa?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1170&amp;q=80" alt=""/><figcaption>圖片來源：unsplash</figcaption></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:quote --></p>
<blockquote class="wp-block-quote">
<p>紙上得來終覺淺，絕知此事要躬行。</p>
<p><cite>陸游</cite></p></blockquote>
<p><!-- /wp:quote --></p>
<p><!-- wp:paragraph --></p>
<p>接下來讓我們<a rel="noreferrer noopener" href="https://www.technice.com.tw/techmanage/19480/" target="_blank">依照上篇文章提供的 4 個方法</a>，透過實戰了解如何選出合適的套件吧！</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:heading --></p>
<h2>▋目標：需要一個能取得專案環境變數的套件</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>以軟體開發來說，我們會把散佈在各個檔案，且在不同環境需要調整或是保密的參數，集合到一個檔案裡面，這樣專案就能在不同的環境中快速遷移（ex：資料庫帳密、ip、網址...）。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>這個檔案我們稱它為環境檔（.env），以 Node.js 專案來說，可以透過套件讀取環境檔的參數。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>如果我們在&nbsp;<a rel="noreferrer noopener" href="https://www.npmjs.com/" target="_blank">npm 網站</a>&nbsp;上，以「env」為搜尋條件會得到如下結果：</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:image {"sizeSlug":"large"} --></p>
<figure class="wp-block-image size-large"><img src="https://imgur.com/DuAb27N.png" alt=""/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:paragraph --></p>
<p>從左上角我們可以看到總共找到了 20 個套件，但哪個才符合我們需求呢？</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:heading --></p>
<h2>▋從活躍度來判斷</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>我們需要的功能會往往有很多的套件可以完成，但儘管搜尋到的套件很多，但通常符合需求的都在前幾個；這裡我們將前兩個套件（<a href="https://www.npmjs.com/package/env" target="_blank" rel="noreferrer noopener">env</a>、<a href="https://www.npmjs.com/package/dotenv" target="_blank" rel="noreferrer noopener">dotenv</a>）用活躍度來比較。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:html --></p>
<p><style>
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-fymr{border-color:inherit;font-weight:bold;text-align:left;vertical-align:top}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
</style>
</p>
<table class="tg">
<thead>
<tr>
<th class="tg-fymr"><span style="font-weight:700">套件</span></th>
<th class="tg-fymr"><span style="font-weight:700;font-style:normal">env</span></th>
<th class="tg-fymr"><span style="font-weight:700">dotenv</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-0pky"><span style="font-weight:400;font-style:normal">最後發布時間（Last publish）</span></td>
<td class="tg-0pky">11 years ago</td>
<td class="tg-0pky">16 days ago</td>
</tr>
<tr>
<td class="tg-0pky">每週下載次數（Weekly Downloads）</td>
<td class="tg-0pky">5,362</td>
<td class="tg-0pky">28,017,205</td>
</tr>
<tr>
<td class="tg-0pky">版本（Version）</td>
<td class="tg-0pky">0.0.2</td>
<td class="tg-0pky">16.0.2</td>
</tr>
</tbody>
</table>
<p><!-- /wp:html --></p>
<p><!-- wp:paragraph --></p>
<p>透過上表我們可以得知「dotenv」是更有保障的套件。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:heading --></p>
<h2>▋確認 Issues 狀況</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>既然「dotenv」獲得壓倒性優勢，我們就來看看他的「Issues」的狀況。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:image {"sizeSlug":"large"} --></p>
<figure class="wp-block-image size-large"><img src="https://imgur.com/jiJkFuH.png" alt=""/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:paragraph --></p>
<p>點進去後，我們可以看到他「Open issues 與 Closed issues 的比例」低於 10%，算是相當穩定的套件；且右上角的 Star 數量高達 16k，有人氣的套件也是一種品質保證。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:image {"sizeSlug":"large"} --></p>
<figure class="wp-block-image size-large"><img src="https://imgur.com/l0zFYc7.png" alt=""/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:heading --></p>
<h2>▋閱讀文件</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>在「dotenv」的 README 文件上，它明確說明自己有讀取「.env」檔案的功能，並給出詳細的使用範例。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:image {"sizeSlug":"large"} --></p>
<figure class="wp-block-image size-large"><img src="https://imgur.com/yk7PAAR.png" alt=""/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:heading --></p>
<h2>▋試用範例程式碼</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>在試用 Sample Code 前筆者再提醒一下，如果使用上遇到問題，可以到 Issues 的地方看看；過去我就曾遇過同一款套件，在不同框架下的使用方式略有不同，最後在 Issues 裡面參考他人的方案才順利解決。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:image {"sizeSlug":"large"} --></p>
<figure class="wp-block-image size-large"><img src="https://imgur.com/QmMmJMx.png" alt=""/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:paragraph --></p>
<p>筆者這邊也依照文件試用給大家看。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:image {"sizeSlug":"large"} --></p>
<figure class="wp-block-image size-large"><img src="https://imgur.com/ShJ2ji4.png" alt=""/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:paragraph --></p>
<p>從上圖中，可以看到套件確實有印出我們需要的環境變數，可以初步判定它是一個合格的套件！</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>關於如何選出合適套件的系列文到這邊就告個段落嚕～希望大家日後在開發上都可以找到合適的套件。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>☛ 如果想更深入認識我，可以 Follow 筆者的<a rel="noreferrer noopener" href="https://dean-lin.medium.com/" target="_blank">技術部落格</a>&nbsp;。<br />☛ 如果對工程師的職涯感到迷茫，筆者<a rel="noreferrer noopener" href="https://www.tenlong.com.tw/products/9786263331525" target="_blank">最近出版的新書</a>&nbsp;也許能給你帶來不同的觀點。</p>
<p><!-- /wp:paragraph --></content></p>
<p>這篇文章 <a rel="nofollow" href="https://www.technice.com.tw/experience/19543/">不知如何選套件？教你 4 招來避雷！（下）｜專家論點【林鼎淵】</a> 最早出現於 <a rel="nofollow" href="https://www.technice.com.tw">科技島-掌握科技新聞、科技職場最新資訊</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.technice.com.tw/experience/19543/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">19543</post-id>	</item>
	</channel>
</rss>
