Archives de catégorie : WEB

WEB

Proxy inverse sur nginx sur Raspberry Pi

< Prêt à installer >
Vous devez poussif Debian à suivre ma procédure. Non seulement pour Raspberry Pi.

< Pourquoi j’utilise Raspberry Pi >
Reverse proxy est simple fonction. Fondamentalement, c’est la tâche trop facile pour les ordinateurs personnels généraux ou les serveurs. Raspberry Pi n’est pas si puissant, mais il est l’ordinateur d’économie d’énergie. Ce n’est pas cher. N’importe qui peut acheter partout dans le monde. Il suffit de proxy inverse sur nginx. C’est pourquoi j’ai choisi Raspberry Pi pour le serveur proxy inverse et écrit ce post.

< Installation nginx >
Exécutez la commande ci-dessous en tant que root.

apt-get install nginx

Voilà tout.

< Modifiez le fichier de configuration >
Modifiez le fichier de configuration par défaut.

nano /etc/nginx/sites-available/default

Mon « /etc/nginx/sites-available/default » est comme ci-dessous.

server {
listen 80;
server_name mydomain.net;

location / {
proxy_pass http://127.0.0.1:8080;
}
}

Ce transfert de configuration accède « mydomain.net » à 8080 port de serveur Apache local sur Raspberry Pi.

< Ajouter le fichier de configuration de proxy >
Ajouter un fichier pour les paramètres de proxy.

nano /etc/nginx/conf.d/proxy.conf

Mon « /etc/nginx/conf.d/proxy.conf » est comme coup.

# Header
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Server $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

# Timeout
proxy_connect_timeout 60;
proxy_read_timeout 90;
proxy_send_timeout 60;

# Buffer
proxy_buffering on;
proxy_buffer_size 8k;
proxy_buffers 100 8k;

# Cache
proxy_cache_path /var/cache/nginx/mydomain.net levels=1:2 keys_zone=cache_$
proxy_temp_path /var/cache/nginx/temp;

proxy_cache_valid 200 2h;
proxy_cache_valid 302 2h;
proxy_cache_valid 301 4h;
proxy_cache_valid any 1m;

Aussi, vous devez vous cache dir en tant que root.

mkdir /var/cache/nginx

< Lancer nginx >

service nginx start

Comment vous pensez de cette procédure? Si facile?

La création de pages web dynamiques seulement avec Google Drive

< Avertissement >
Je vous recommande d’obtenir compte Google supplémentaire uniquement pour public. Parce que si vous suivez ma procédure, votre adresse Gmail sera sur fichier XML public.

< Nouvelle solution sur 07/07/2014 >
J’ai écrit le message Obtenez nouvelle version de Google Feuilles de calcul comme JSONP. Si vous souhaitez utiliser la nouvelle version de Google Feuilles de calcul pour générer des pages web dynamiques à la place de l’ancienne version, s’il vous plaît lire ce poste.

< Mis à jour le 26.04.2014 >
S’il vous plaît utiliser Anyfile Notepad ou d’autres applications d’édition de texte pour Google Drive sur Google Web Store au lieu de Drive Notepad. Parce que Drive Notepad a été retiré du magasin.

< Mis à jour le 12.05.2014 >
Hey! Drive Notepad est de retour à Google Web Store!

< Recommandation >
Je vous recommande d’installer «Drive Notepad». Il s’agit d’une extension pour Google Drive. Lorsque vous installez Drive Notepad, vous devez Chrome. Mais après la connexion Drive Notepad Google Drive, Chrome n’est pas nécessaire. Vous pouvez utiliser Drive Notepad sur tous les navigateurs.
https://chrome.google.com/webstore/detail/drive-notepad/gpgjomejfimnbmobcocilppikhncegaj?hl=en-GB
drive_notepad_en_us

< Pour mettre à jour le contenu de la Feuille de calcul >
Vous devez utiliser «la version de Google Feuille de calcul 1». Parce que «la version 2» ne prend pas en charge CSV et partage encore XML. (J’ai écrit ce poste chez 19 Avril 2014.) Si vous générez normalement nouvelle feuille de calcul aujourd’hui, c’est être automatiquement la version 2.

Google a expliqué nouvelle feuille de calcul sur «Découvrir la nouvelle version de Google Feuilles de calcul».

Je m’inquiétais CSV et le partage de XML ne vais pas soutenir dans la version 2. Alors j’ai vérifié aussi «Fonctions non compatibles avec la nouvelle version de Google Feuilles de calcul». Mais cette fonction n’est pas listé sur cette page. Ouais … ne figure pas … mais personne n’est sûr quand Google change leur esprit ….
Pouvez-vous accepter cette situation? LOL

Voyons accès https://g.co/oldsheets pour générer une feuille de calcul dans la version 1.

C’est mon échantillon.

C’est une seule feuille. Il a en-tête, 3 cols et 2 lignes.
( Je vais générer imgur du site web images. )

< Faisons public >
Suivez la photo ci-dessous.
publish_to_the_web_fr

Sélectionnez «Publier sur le Web» et appuyez sur «Démarrer la publication».
Section «Insérer un lien vers les données publiées» Voir.
publish_to_the_web_2_fr
Vous pouvez obtenir votre feuille de calcul en tant que page Web, HTML, CSV, TXT, PDF, ATOM, RSS, XLS et ODS. Si vous souhaitez synchroniser tableur pour votre site Web, vous devez choisir CSV, ATOM ou RSS. Ce sont au format facile pour la synchronisation. Lorsque vous choisissez l’un d’eux, vous pouvez trouver la fonction pour sélectionner la colonne et de la ligne. Cette fonction peut faire la taille de fichier par demande plus faible.

Si vous choisissez CSV, avant de choisir la gamme, s’il vous plaît sélectionner une feuille cible. Échantillon est comme la photo ci-dessous.
select_sheet_fr
Dans mon exemple, «A1» est-tête. Je veux obtenir 5 lignes maximum. J’ai donc mis la gamme «A2:A6».
select_cell_fr
Vous pouvez trouver «range=A2%3AA6» dans l’url. Si vous voulez ajouter la fonction de recherche de personnes à votre site Web, vous devriez changer dynamiquement le paramètre de «range» par Javascript.

< Est-il difficile? >
Ne vous inquiétez pas. J’ai écrit le code Javascript ici.
https://github.com/mecrazy/generateGoogleDriveUri
Ce script est compatible avec les formats CSV, ATOM et RSS. C’est seulement générateur URI. Il n’a pas l’analyseur. Si vous choisissez ATOM ou RSS, vous pouvez utiliser jQuery comme un analyseur.

S’il vous plaît utiliser «generateGoogleDriveUri.min.js» comme ci-dessous.

<!DOCTYPE html>
<html>
<head>
<title>Exemple de page</title>
<script src="js/generateGoogleDriveUri.min.js"></script>
<script type="text/javascript">
window.onload = function(){

//Objet coulée
var gduObj = new genGDU('Mettez un lien vers les données publiées ici');

//Générer URI
var atomUri = gduObj.genUri(
  'atom', // Je choisis le format ATOM.
  {
    startRow:2, //Lancer de la ligne 2
    startCol:1, //Lancer de col 1
    cols:1, //Couper 1 colonnes
    rows:5, //Couper 5 lignes par page
    page:1 //Obtenez page 1
  }
);

var html = '<a href="' + atomUri + '" target="_blank">' + atomUri + '</a>';
document.getElementById('sample').innerHTML = html;

}
</script>
</head>
<body id="sample"></body>
</html>

< Ajouter index.html et réglage Drive Notepad >
Après avoir ajouté lecteur Bloc-notes sur Chrome, vous pouvez trouver «Text Document» sur créer le menu de votre Google Drive.
add_index_fr
Si c’est votre première fois d’utiliser Drive Notepad, il vous sera demandé comme ci-dessous.
permission_01_en_us
Poussez «Login and/or grant app permissions…» et accepter la question ci-dessous.
permission_02_fr

S’il vous plaît changer le nom du fichier à «index.html». Après avoir enregistré le fichier, fermer l’onglet.
change_file_name_en_us

S’il vous plaît changer le réglage sur «Gérer les applications».
manage_apps_fr
S’il vous plaît vérifier «Utiliser cette application par défaut» de Drive Notepad ligne.
use_by_default_fr
Après cela, vous pouvez utiliser Drive Notepad comme les autres applications sur Google Drive.

< Modifier les paramètres de partage >
Sélectionnez votre dossier de fixer public.
Après cela, suivez la photo ci-dessous.
set_sharing_enabled_01_fr
Réglez «Public» cochée.
set_sharing_enabled_02_fr

< Préparation HTML, CSS, Javascript >
Utilisation Drive Notepad pour les préparer.
Ou modifier avec votre propre éditeur de texte et de les télécharger.
Ma position relative est comme ci-dessous.
my_public_tree_fr

Le lien ci-dessous est ma page web créée avec Google Feuille de calcul.
https://googledrive.com/host/0B2hsIY7iHEnLS290OHlmRkFmbU0/
Si vous voulez, s’il vous plaît utiliser des sources comme échantillon.

< Scénario supplémentaire >
J’ai développé imgur convertisseur d’URL pour ma page web. Si vous voulez, s’il vous plaît utiliser.
https://github.com/mecrazy/imgurUrlConverter