ホームページ  >  記事  >  バックエンド開発  >  nginx を使用して Windows 環境で axure デモンストレーション プロトタイプを備えたサーバーを構築する

nginx を使用して Windows 環境で axure デモンストレーション プロトタイプを備えたサーバーを構築する

WBOY
WBOYオリジナル
2016-08-08 09:30:461889ブラウズ

1. プロダクト マネージャーとして、Axure を使用してプロトタイプを作成することは基本的なスキルの 1 つですが、プロトタイプ ファイルをコピーしたり、それをローカルで表示したり、携帯電話で Web ページのように表示したりする必要があるたびに、次のことが必要になります。低すぎる。そこで、これまで学んだ知識を整理し、自分のコンピュータ上に小さなサーバーを立ち上げ、Axure が毎回そのサーバーに出力することで、ローカル エリア ネットワーク内のユーザーが簡単に閲覧できるようにすることにしました。 , Axure は携帯電話形式の出力もサポートしており、その効果は非常にリアルです。それは本当に誇示するための素晴らしいツールです。同時に、独自のドキュメントをいくつか保持する小さなサーバーが構築されており、会議中に簡単に開いて読むことができます。

2. 小規模サーバーに関して、少し付け加えておきます。数十人規模の一般的な小規模企業では、Windows 共有フォルダーを使用するのが非常に便利ですが、一部の Mac ユーザーを考慮すると、あまり良い使い方ではありません。したがって、MAC が非常に普及しており、win と MAC がそれぞれ市場の半分を占める現在の環境では、クラウドまたはクラウドを使用した方が良いし、便利である必要があります。そういえば、プロジェクト管理や進捗管理などにどんなツールを使うかという話になりますが、私がどのようにやってるかについてはまた別の記事に書きます。

3. まず、小さなサーバーを構築しましょう。ロシアの nginx を選択しました。これは、主に負荷分散に使用されるオープンソースのサーバー ソフトウェアです。私は Xiaoguizi でインターンをしており、これを使用してストリーミング メディア サーバーをセットアップしましたが、非常に有能でした。今では共有に使っていますが、やりすぎです。

1. まずnginxをダウンロードします。私はwin8.1環境にいるので、インストールパッケージhttp://nginx.org/をダウンロードして解凍します


2. conf フォルダー内の構成ファイル nginx.conf に移動し

、次のように構成を変更します

<span style="white-space:pre">	</span>location /upload {  //这里放置我的文件
    	    autoindex on;  //这三句是自动显示文件目录,不然进去就欢迎页了
            autoindex_exact_size on;  
            autoindex_localtime on;  
            alias   d://upload; //在D盘建一个专门放文件的文件夹吧
	     
	}//更多的关于配置文件,网上搜一搜很多的,我自己也会整理,这里就不写了

また、nginx によってインストールされたサーバーについては、中国語の問題を解決する良い方法がないことに注意してください。 URL に名前を付ける必要がありますので、英語でファイル名を付けてください3. これらの設定が完了したら、nginx.exe をダブルクリックして起動します。起動時に設定する方法がわかりません

C:ProgramDataMicrosoftWindowsStart MenuProgramsStartup を実行し、nginx.exe のショートカットをドラッグして、コンピューターの電源を入れるとすぐに nginx が開始されるようにします。もちろん、長い間電話を切ったままにすることもできますが、私はそうしました。

4、これ

これがご覧の結果です。

4. 小さなサーバーがセットアップされました。後で他の人と共有するために、ここにファイルを置くこともできます。これで、携帯電話に表示できるようになります。実際、この分野に関するチュートリアルはインターネット上にたくさんありますが、その多くは不明確でわかりにくいものであったり、非常に複雑な環境の設定を必要としたものでした。しかし、うまく書かれていなかったため、ここに書き直しました。 。 5. プロトタイプを作成し、使い慣れた F8 を使用します

私の出力パスは nginx のパスであり、sitmap なし、つまり左側のナビゲーション バーなしで設定されていることに注意してください。次に、「モバイルデバイス」を選択します。パラメータ

を設定すると生成されます。

6. 次に、携​​帯電話を使用してこのパス ページ ip/upload/test/index.html にアクセスします
次に、次の設定を行います

デスクトップの追加を選択します。テスト用に名前を変更します。

7. この時点で、デスクトップにこれが表示されます

テスト用のショートカットが表示されます。

8. 最後のステップは、

をクリックすることです。たとえネイティブ アプリケーションのように見えなくても、プログラマを騙すことはできます。

追記: この方法は IOS デバイスにのみ適用でき、画面に完全に一致させるには、グラフィック境界のサイズを設定する必要があります。つまり、プロトタイプは 1 つの画面サイズにのみ適合します。しかし、プロトタイピングツールとしてはこれで十分です。同時に、ブートストリップなどのアダプティブ フロントエンド フレームワークを使用してアプリをアダプティブにできるかどうかも考えています。アダプティブにするという次の目標が見えてきたようです。プロトタイプ。興味のある人は私に連絡して一緒に遊んでください。
上記では、Windows 環境で axure デモ プロトタイプを使用してサーバーを構築するための nginx の使用方法を、関連する内容も含めて紹介しています。PHP チュートリアルに興味のある友人に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。