أرشيف التصنيف: WEB

WEB

الحصول على الإصدار الجديد من جوجل جداول البيانات كما JSONP

< تحذير >
أنصحك للحصول على حساب جوجل اضافية فقط للجمهور.
لأنه إذا كنت تتبع الإجراء بلدي، وسوف يكون عنوان Gmail على ملف JSONP العامة.

< جوجل جداول البيانات >
الإصدار القديم من جوجل جداول البيانات يمكن مشاركة جداول البيانات ك XML، JSON وبعض نوع من التنسيق. اعتقد لا يملك نسخة جديدة مثل وظائف المشاركة. ولكن وجدت حلا جيدا للنسخة الجديدة من جوجل جداول البيانات على الاجابة عن سؤال حول ستاكوفيرفلوو.
Unable to publish specific cells in new Google Spreadsheets – StackOverflow ( في اللغة الإنجليزية )
وفقا لصفحة أعلاه، وهذا API هو نوع من API القديمة. ليس هناك من هو متأكد متى تتوقف. لا يهمني هذا الوضع. ولكن إذا كنت لا تحب هذا الوضع، وأنا لا أنصح لك لاستخدام هذا API.

< تنسيق URL >

https://spreadsheets.google.com/feeds/cells/[ الرئيسية من جدول البيانات ]/od6/public/values?min-row=[ بدء رقم الصف ]&max-row=[ نهاية رقم الصف ]&min-col=[ بدء رقم العمود ]&max-col=[ رقم العمود نهاية ]&alt=json-in-script&callback=[ رد اسم الدالة ]

< كيفية استخدامه؟ >
تنسيق JSONP هي سهلة الاستخدام في جافا سكريبت. لا أحد بحاجة المحلل. ولكن أريد أن استخدام مولد URL لجعل API أكثر فائدة. لذلك أنا وضعت السيناريو الذي يحول من المعلمات الترحيل إلى معلمات URL التالية بناء جملة جوجل.

< مسج المساعد >
أنا وضعت هذا البرنامج المساعد مسج اسمه “generateGoogleJsonpUri”.
generateGoogleJsonpUri – github
أنا خلقت الصفحة عينة مثل إطار بلوق لاختبار بلدي المساعد.
https://mecrazy.net/sample/generateGoogleJsonpUri/
إذا كنت تريد، يرجى نسخ مصدره كمثال على ذلك.

< استعمال – صب >
صب الجملة هو

var test = $.genJsonpGDU("<وضع الخاص بك بين جدول المفتاح هنا>");

أو

var test = $.genJsonpGDU({key:"<وضع الخاص بك بين جدول المفتاح هنا>"});

.

يمكنك العثور على مفتاح في URL من جدول البيانات. فمن عينتي أدناه.
spreadsheet_sample_001
على هذه الصورة، URL هو “https://docs.google.com/spreadsheets/d/1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw/edit#gid=0”. المفتاح لجدول البيانات الخاص بي هو “1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw”. يرجى التحقق من عنوان URL من جدول البيانات الخاص بك للحصول على المفتاح الخاص بك.

< استعمال – تكوين البيجر >

test.pager({
  startRow:2,//رقم الصف لبدء الحصول على (مطلوب)
  minCol:2,//رقم العمود لبدء الحصول على (مطلوب)
  maxCol:7,//رقم العمود لانهاء الحصول على (مطلوب)
  recsPerPage:5//السجلات في الصفحة (اختياري)
});

يرجى مقارنة الجملة أعلاه والجدول أدناه. عندما كنت انظر الجدول أدناه، يرجى تخيل إكسل أو أي نوع من البيانات. الجملة أعلاه تعني مجموعة من الصفحة الأولى هي مجموعة الوردي، الصفحة 2 هو مجموعة الأخضر. “B2:G2” هو السجل الأول. “B6:G6” هو سجل الخامس.

A1 B1 C1 D1 E1 F1 G1 H1
A2 B2 C2 D2 E2 F2 G2 H2
A3 B3 C3 D3 E3 F3 G3 H3
A4 B4 C4 D4 E4 F4 G4 H4
A5 B5 C5 D5 E5 F5 G5 H5
A6 B6 C6 D6 E6 F6 G6 H6
A7 B7 C7 D7 E7 F7 G7 H7
A8 B8 C8 D8 E8 F8 G8 H8
A9 B9 C9 D9 E9 F9 G9 H9
A10 B10 C10 D10 E10 F10 G10 H10
A11 B11 C11 D11 E11 F11 G11 H11
A12 B12 C12 D12 E12 F12 G12 H12
A13 B13 C13 D13 E13 F13 G13 H13

< استعمال – الحصول على URL الصفحة >
إنه مثال للحصول على URL الصفحة الأولى.

var pageUrl = test.page(1);

( “test.pager(موضوع)” مطلوب قبل تنفيذ هذه المهمة. )

< استعمال – تنفيذ Ajax >
الحجج ل “test.ajax” هي نفس “http://api.jquery.com/jQuery.ajax/“.

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
  }
});

إذا كنت تريد أن تعرف الصفحة الحالية لديها الصفحة السابقة أو الصفحة التالية، يرجى استخدام “test.get()” في وظيفة success والمعلمات الاختيار.

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
    var param = test.get();
    if(param.pager.prev){
      console.log('الصفحة الحالية لديها الصفحة السابقة.');
    }else{
      console.log('الصفحة الحالية ليس لديها الصفحة السابقة.');
    }
    if(param.pager.next){
      console.log('الصفحة الحالية لديها الصفحة التالية.');
    }else{
      console.log('الصفحة الحالية ليس لديها الصفحة التالية.');
    }
  }
});

< استعمال – تحويل JSON إلى مجموعة 2D >
“test.jsonToArr” يحول من صيغة غوغل جسون ل2D صفيف.

test.ajax({
  url:test.page(1),
  success:function(json){
    var arr2d = test.jsonToArr(json);
    console.log(arr2d);
  }
});

< استعمال – ذاكرة التخزين المؤقت متغير >
إذا كنت ترغب في تمكين ذاكرة التخزين المؤقت الترحيل باستخدام متغيرات جافا سكريبت، يرجى اتباع بناء الجملة أدناه.

test.set({cache:true});

تتحول هذه الحجة لاستخدام ذاكرة التخزين المؤقت للترحيل. فإنه يتحقق تاريخ التحديث على JSONP كل 20 دقيقة بشكل افتراضي. إذا غيرت التاريخ، مخبأ واضحة تلقائيا. إذا كنت ترغب في تغيير الفاصل الزمني للتحقق من التاريخ. يمكنك استخدام بناء الجملة مثل أدناه بدلا من الجملة أعلاه.

test.set({
  cache:true,
  cacheInterval:{
    sec:0,min:50,hour:0
  }
});

< خاتمة >
هناك اختلافات أساسية بين جداول جوجل الجديدة والقديمة.

  جديد قديم
خلايا الأقصى 2000000 الخلايا 400000 الخلايا
أعمدة الأقصى غير محدود 256 الأعمدة لكل ورقة

أعتقد أن الإصدار الجديد هو قاعدة بيانات كبيرة بشكل لا يصدق وحرة. أريد أن أجد الأعراف مثيرة للاهتمام من جداول جوجل الجديد.

مولد HTML الأساسية لBootstrap 3

< ما هذا؟ >
فإنه يولد مصدر HTML الأساسية لBootstrap 3. يمكنك اختيار الخيارات عند إنشاء ذلك. أنا غالبا ما تستخدم هذه لنفسي. إذا كنت تريد، من فضلك احفظ هذه الصفحة.


< مولد كهربائي >
صفحة العنوان :
رمز اللغة :
نسخة Bootstrap :
متوافق مع IE القديمة :
استخدام شريط التنقل ثابت :
استخدام تذييل لزجة :
استخدام jQuery الفشل :
استخدام jQuery UI الفشل :
استخدام backbone.js :
استخدام underscore.js :
استخدام bootbox :

إذا اخترت “متوافق مع IE القديمة” “نعم”، تحتاج إلى وضع “bootstrap.min.css” و “respond.min.js” على الخادم الخاص بك. في الأساس “respond.min.js” لا يعمل بشكل صحيح على كندي والخوادم الآخرين.

< مخطوطات >
يمكنك تحميل البرامج النصية التي تستخدم HTML. يمكنك وضع على الخادم الخاص بك واستبدال مسارات البرامج النصية.
Bootstrap
jQuery
jQuery UI
backbone.js
underscore.js
bootbox
html5shiv
Respond.js
( Bootstrap و Respond.js ضرورية لتحميل لIE القديمة. يرجى توخي الحذر. )

جعل STINGER3 (وورد موضوع) متوافق مع WPML (متعدد اللغات المساعد)

< ما هو WPML؟ >
هو البرنامج المساعد لورد بعدة لغات. يمكنني استخدام WPML على هذا mecrazy بلوق.
الموقع الرسمي للWPML

< ما هو STINGER3؟ >
هذا هو موضوع لورد. لديها العديد من الوظائف جميلة من دون المساعد. على سبيل المثال، مقتطف الواضع للإعلانات (مثل جوجل ادسنس) وتصميم رائع أزرار الاجتماعية. لقد أراد أن محاولة استخدام هذا الموضوع.
الموقع الرسمي للSTINGER3 (الصفحة اليابانية)

< نأمل النشاط طيف >
مطور STINGER3 مشغول جدا للرد على تويتر، وأنا لست متأكدا من أنه يمكن قراءة بلغات أخرى غير اليابانية. إذا كان لديك أي أسئلة حول STINGER3، وآمل منك أن تجد الجواب على Google أو حل المشاكل بنفسك.

< بالنسبة للأشخاص الذين لا يستطيعون القراءة اليابانية >
الموقع الرسمي للSTINGER3 هو باللغة اليابانية. أعتقد أنه من الصعب العثور على وصلة التحميل من موضوع ملف مضغوط. يجب أن تجد الكلمة اليابانية “ダウンロード“. وهو ما يعني “تحميل” باللغة العربية. الرجاء استخدام CTRL + F للعثور على هذه الكلمة. يرجى العثور على اسم ملف النسخة “stinger3ver20140327.zip” الحالية.

< رمز التوافق >
رمز أدناه تعطي التوافق WPML لSTINGER3.

<style type="text/css">

.submenu-languages{
  background-color:#f3f3f3;
  border-style:solid;
  border-color:#dedede;
  border-width:0px 1px 1px 1px;
  position:absolute;
  margin-left:-11px;
  margin-top:21px;
  padding-bottom:5px;
  display:none;
}
.submenu-languages > li{
  white-space:nowrap !important;
  float:none !important;
  display:inline-block !important;
}

.iclflag{ vertical-align:middle;position:relative !important;top:-1px !important; }
#lang_sel{ z-index:1000; }
#lang_sel a{ display:block; }
#lang_sel ul,#lang_sel li,#lang_sel a{
  margin:0px;padding:0px;
  width:300px;
  text-align:left;
  white-space:nowrap;
}
#lang_sel ul,#lang_sel li{ margin:0px !important;padding:0px !important; }
#lang_sel a{ margin:0px !important;padding:0px 7px !important; }
#lang_sel li,#lang_sel a,#lang_sel span{
  height:30px !important;
  line-height:30px !important;
  font-size:14px;
}
#lang_sel > ul > li > ul{ top:31px; }

</style>
<script type="text/javascript">
jQuery(function($){
var langMenuObj = $('.submenu-languages').eq(0);
var wpmlMobile = (typeof(window.orientation) != "undefined");
$('.menu-item-language-current').eq(0).on('mouseenter',function(){
if(!wpmlMobile){langMenuObj.stop(true,true).fadeIn('fast');}
}).on('mouseleave',function(){
if(!wpmlMobile){langMenuObj.stop(true,true).fadeOut('slow');}
}).on('click',function(){
langMenuObj.stop(true,true).toggle();
});
$('.icl_lang_sel_current ').parent().click(function(){ return false; });
});
</script>

< كيفية إدراج هذا الرمز؟ >
هناك 3 طرق لادخال المثال التعليمات البرمجية. يرجى اختيار واحد منهم. أو إذا كنت تعرف كيفية تخصيص وورد، يمكنك إدراج يدويا لمخطوطات PHP الخاص بك.

< الطريقة – 1 >
الذهاب إلى [ المظهر – المربعات الجانبية ] من القائمة المسؤول. الرجاء إضافة “نص” إلى منطقة صالحة واحدة. من فضلك لا أدخل العنوان، وضعت النصي فقط في شكل بالتفصيل.

< طريقة – 2 >
أنا وضعت STINGER3 loves WPML المساعد. هذا البرنامج المساعد تفعل الشيء نفسه بأنه “الطريقة – 1”. إذا وجدت البق، يرجى الإبلاغ أو قل لي على Github، Twitter أو Google+.

< طريقة – 3 >
باستخدام وورد البرنامج المساعد “Wp Insert“. فإنه يمكن إدراج رمز HTML إلى أي مكان على بلوق.

< بعد ذلك >
أعتقد كل الأساليب ليست صعبة للغاية. ولكن الإصدار الحالي من STINGER3 غير متوافق مع ملفات mo اللغة. نحن يمكن أن تترجم فقط مع سلسلة ترجمة WPML. إذا كان لدي وقت الفراغ، أريد أن تطوير التصحيح لSTINGER3 متوافق مع ملفات mo.

< تحديث في 11 يونيو 2014 >
ثابت – لا يمكن التعامل مع الحدث الصنبور الأول من الروبوت أو دائرة الرقابة الداخلية المتصفحات. يتم تحديث التعليمات البرمجية المصدر على هذه الصفحة والبرنامج المساعد وورد على جيثب.

تشغيل WordPress على KSWEB على الروبوت

< تحذير >
كنت في حاجة إلى مهارة لتعيين عنوان IP العام Android الخاص بك. أنا لا أكتب الإجراء حول إعدادات الشبكة، لأنه يعتمد على أجهزة الشبكة والبرمجيات ومزود. أنا آسف ولكن يرجى التحقق من ذلك على موقع آخر.

< رهيبة التطبيق لAndroid >
هناك التطبيق رهيبة على Google Play. اسم التطبيق هو KSWEB. صفحة المطور هنا. يمكنك تحميل من هذه الصفحة أو Google Play.

< متطلبات >
يقول المطور من KSWEB Android الجهاز مع إصدار نظام التشغيل 2.3.3 أو أعلى والمعالج ARM-تستند مطلوب . سأحاول لتشغيل KSWEB على IS05 (اليابانية الروبوت الذكي القديمة SHARP) و هذا الإجراء على آخر هو حول هذا الجهاز. ولكن ربما KSWEB يمكن تشغيلها على أنواع عديدة من الأجهزة Android. يرجى المحاولة على أي من الأجهزة التي لديك.

< تثبيت من Google Play >
( إذا كنت ترغب في تثبيت من Google Play، يرجى اتباع هذا الإجراء. )
تحتاج فقط للذهاب KSWEB – Google Play وتثبيته. هذا كل شيء من التثبيت.

< تثبيت من ملف APK >
( إذا كنت ترغب في تثبيت من ملف APK، يرجى اتباع هذا الإجراء. )
قبل تثبيت ملف APK، كنت بحاجة إلى تغيير الإعداد الروبوت الخاص بك للتطبيقات. تحتاج إلى السماح بتثبيت التطبيق من “unknown sources” (مصادر غير معروفة). بعد ذلك، يرجى زيارة http://kslabs.ru/download/ لتحميل ملف APK من KSWEB.
20140531-174245

< تحميل WordPress >
يمكنك اختيار “تحميل على Android مباشرة” أو “تحميل على جهاز الكمبيوتر وتحميلها على الروبوت”. أنا تحميلها على جهاز الكمبيوتر من http://ar.wordpress.org/. أنا ركبت AirDroid لبلدي الروبوت وزار http://web.airdroid.com/ لتحميل ملف مضغوط WordPress إلى بلدي Android. إذا كنت ترغب في “تحميل على Android مباشرة”، وتحتاج فقط لزيارة http://ar.wordpress.org/ بواسطة متصفح الروبوت الخاص بك.

< تركيب ZIP مستخرج لAndroid الخاص >
تحتاج إلى استخراج ملف مضغوط WordPress على Android الخاص بك. أنا ركبت AndroZip™ File Manager إلى بلدي Android. ولكن هناك أنواع كثيرة من ZIP مستخرج على Google Play، يمكنك اختيار أي التطبيق تريد.

< استخراج ملف ZIP >
أضع “wordpress-3.9.1-ar.zip” ملف ZIP على جذر الدليل بطاقة SD. وقدم بعد ذلك أنا استخراج “wordpress” الدليل تلقائيا.
20140605-002551

< مضيفا وتمكين وظائف اختياري >
يرجى الاستفادة [ TOOLS – WebFace – Start ] لتمكين KSWEB واجهة ويب. يرجى الاستفادة [ TOOLS – Main – phpMyAdmin ] لإضافة phpMyAdmin. phpMyAdmin هو لصنع قاعدة بيانات على MySQL لورد، حتى انها ليست ضرورية. يمكنك أيضا جعل قاعدة بيانات النصي PHP.
20140530-002435

< جعل قاعدة بيانات phpMyAdmin >
يرجى الوصول http://localhost:8000/ في حد ذاته (Android) أو http://< Android عنوان IP المحلي >:8000/ من أي جهاز كمبيوتر على نفس الشبكة.
phpMyAdmin_login
يمكنك تسجيل الدخول باسم root مع عدم وجود كلمة مرور. في بلدي صورة العينة، وجعل قاعدة البيانات “وورد” لWordPress.
phpMyAdmin_table

< تغيير WWW الدليل الجذر على Lighttpd >
يرجى الوصول http://localhost:8003/ في حد ذاته (Android) أو http://< Android عنوان IP المحلي >:8003/ من أي جهاز كمبيوتر على نفس الشبكة. انها واجهة ويب KSWEB. المستخدم وكلمة المرور الافتراضية على حد سواء admin.
KSWEB_Web_Interface
الرجاء الضغط Server settings. يمكنك تحرير ملف التكوين من على Lighttpd.
تجدون خط مثل أدناه.

server.document-root = “/mnt/sdcard/htdocs”

تغيير مسار الدليل من هذا الخط إلى الجذر WordPress الخاص بك.
الإعداد الجديد بلدي أدناه.

#server.document-root = “/mnt/sdcard/htdocs”
server.document-root = “/mnt/sdcard/wordpress”

بعد تغيير ملف التكوين، يرجى إعادة تشغيل الكمبيوتر أو على Lighttpd KSWEB.

< إعدادات المنفذ من على Lighttpd >
الإعداد الافتراضي هو مثل الموانئ أدناه.
lighttpd_ports
إذا كنت ترغب في تغييرها، يرجى تعديل ملف التكوين.

< لا أنام! >
الروبوت الذكي أساسا ينام تلقائيا. إذا كنت تريد أن تعمل 24 ساعة، تحتاج لإبقائه بعيدا عن النوم. هناك العديد من التطبيقات للبقاء مستيقظا فإنه على Google Play. الرجاء استخدام StayAwake، KeepScreen أو واحد آخر تجد على Google Play.

< بدء WordPress >
الخطوة التالية هي نفس الإجراء التركيب العام للWordPress. يرجى الوصول Android الخاص بك مع اسم النطاق الخاص بك. سيبدأ التثبيت الافتراضي WordPress. استمتع الموفرة للطاقة WordPress الحياة.

عكس الوكيل على nginx على Raspberry Pi

< على استعداد لتثبيت >
تحتاج Debian wheezy لمتابعة الإجراء بلدي. ليس فقط Raspberry Pi.

< ماذا يمكنني استخدام Raspberry Pi >
الوكيل العكسي هي وظيفة بسيطة. أساسا انها مهمة سهلة للغاية بالنسبة لأجهزة الكمبيوتر الشخصية العامة أو أي الملقمات. Raspberry Pi ليست قوية جدا، ولكن هذا الكمبيوتر الموفرة للطاقة. انها ليست باهظة الثمن. يمكن لأي شخص شرائه في جميع أنحاء العالم. انها كافية لوكيل عكسي على nginx. لهذا السبب اخترت Raspberry Pi لملقم وكيل عكسي وكتب هذا المنصب.

< تركيب nginx >
تنفيذ الأمر أدناه كما root.

apt-get install nginx

هذا كل شيء.

< تحرير ملف التكوين >
تحرير ملف التكوين الافتراضي.

nano /etc/nginx/sites-available/default

بلدي “/etc/nginx/sites-available/default” هو مثل أدناه.

server {
listen 80;
server_name mydomain.net;

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

هذا نقل التكوين يصل “mydomain.net” إلى 8080 منفذ خادم Apache المحلية على Raspberry Pi.

< إضافة الوكيل ملف التكوين >
إضافة ملف لإعدادات الوكيل.

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

بلدي “/etc/nginx/conf.d/proxy.conf” هو مثل أدناه.

# 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;

أيضا تحتاج إلى إجراء دليل ذاكرة التخزين المؤقت كما root.

mkdir /var/cache/nginx

< بدء nginx >

service nginx start

كيف نفكر في هذا الإجراء؟ من السهل جدا؟