🧚🏼 💆🏽 👨‍👩‍👧 SailsJS पर एक सरल ब्लॉग लेखन: शुरुआती के लिए अच्छे व्यवहार (भाग 2) ☎️ 🎅🏼 🏼

सार

भाग एक

इससे पहले, हमने सीखा कि कैसे अपने ब्लॉग के लिए मूल बातें लिखना है, मूल बातें लिखते समय, हम स्टेटिक्स के संगठन से परिचित हुए, एक मॉडल संकलित किया और नियंत्रक कोड लिखा। हमने सीखा कि कैसे पथ विन्यास ( मार्गों.जेएस ) के साथ काम करना है, और SailsJS में विचारों के साथ कैसे काम करना है। SailsJS पर एक सरल ब्लॉग लिखने के बारे में दूसरे भाग में, हम निम्नलिखित बिंदुओं को शामिल करेंगे: उपयोगकर्ता: निर्माण। सत्र: निर्माण (प्रवेश), विराम (निकास)। व्यवस्थापक पैनल लेखन, और नीतियों और पहुंच प्रतिबंधों के साथ काम करना।

उपयोगकर्ताओं

एक नया एपीआई कॉम्प्लेक्स बनाने के लिए, हम उस टीम का परिचय देते हैं जिसे हम पहले से ही अपनी परियोजना के मूल में जानते हैं।

sails generate api user

इस बार, कोड को व्यवस्थित करते समय, हमें पासवर्ड को एन्क्रिप्ट करने की आवश्यकता है, इसके लिए हमें एक उत्कृष्ट पासवर्ड-हैश मॉड्यूल की आवश्यकता है, जो इस कार्य के लिए उपयुक्त है। इसे स्थापित करने के लिए, हमारी परियोजना की जड़ में, निम्नलिखित कमांड दर्ज करें

 npm install password-hash --save

Thesave पैरामीटर इंगित करता है कि हम पैकेज में एक निर्भरता के रूप में मॉड्यूल के मूल्य को बचाएंगे । json ।

पिछली पोस्ट में चूंकि मैंने पहले से ही SailsJS में मॉडल और नियंत्रकों के साथ काम करने के बुनियादी कौशल की जांच की है - वे कहां हैं और उन्हें सही तरीके से कैसे बनाया जाए, मैं पहले से ही स्पष्ट चीजों पर ध्यान नहीं दूंगा।

आदर्श

हमारे उपयोगकर्ता के लिए कई विशेषताएं होंगी:

उपयोगकर्ता नाम
पासवर्ड
व्यवस्थापक - पहुंच पैरामीटर

मॉडल को संकलित करते समय, हमें यह नहीं भूलना चाहिए कि हम सर्वर पर पासवर्ड एन्क्रिप्शन भी बनाना चाहते हैं, साथ ही मॉडल जीवन चक्र के साथ काम करने के आधार पर कुछ अतिरिक्त सहायक कार्य भी करना चाहते हैं।

 var passwordHash = require('password-hash'); var User = { attributes: { username: {type: 'string', required: true, unique: true}, password: {type: 'string', required: true, minLength: 8}, admin: { type: 'boolean', defaultsTo: false }, toJSON: function() { var element = this.toObject(); delete element.password; return element; } }, beforeCreate: function (values, next) { //       var mainPass = passwordHash.generate(values.password); values.encryptPassword = mainPass; next(); } }; module.exports = User;

एक नया उपयोगकर्ता बनाने से पहले, हम एक अतिरिक्त विशेषता जोड़ते हैं - एन्क्रिप्टेडपासवर्ड , जो पासवर्ड का एक एन्क्रिप्टेड संस्करण है।

नियंत्रक

नियंत्रक में, हम केवल एक उपयोगकर्ता, और एक इंडेक्स पेज बनाना संभव करेंगे। उपयोगकर्ता अद्यतन और विलोपन संचालकों को कैसे करें आप खुद को पोस्ट कंट्रोलर में हमने जो कुछ किया है उसकी समानता में कर सकते हैं। यहां कंट्रोलर कोड दिया गया है।

 module.exports = { //@API -   /** *   , *     *  , ,   *  .   *    *  .    *     * admin (api/policies/admin.js)   *       *    */ create: function (req, res) { var elem = { username : req.param('username'), password : req.param('password'), admin : req.param('admin') }; User.create(elem).exec(function (err, user) { if (err) return res.send(500); req.session.auth = true; res.redirect('/'); }); }, // @MAIN index: function (req, res) { res.view(); } };

पथ कॉन्फ़िगरेशन ( config / path.js ) में निम्न जोड़ें।

  '/register' : 'UserController',

एक सरल सुरक्षा के रूप में, कॉन्फ़िगरेशन फ़ाइल में CSRF सुरक्षा सक्षम करें ( config / csrf.js ), लाइन को इस प्रकार संपादित करें

 module.exports.csrf = true;

देखें ( विचार / उपयोगकर्ता / index.ejs )

और अब एक प्रस्तुति बनाते हैं, इसमें सबसे सरल संरचना होगी।

 <div class="container"> <div class="row"> <div class="col-md-4"></div> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-body"> <form action="/user/create" method="post"> <input type="text" name="username" placeholder=" "><br> <input type="password" name="password" placeholder=""><br> <input type="hidden" name="_csrf" value="<%= _csrf %>"> <!--        --> <input type="hidden" name="admin" value="true"> <input type="submit" class="btn btn-success btn-block" value=""> </form> </div> </div> </div> <div class="col-md-4"></div> </div> </div>

या प्रस्तुत करने के बजाय, आप बस उपयोगकर्ता बनाने के लिए सीएसआरएफ को अक्षम कर सकते हैं - उदाहरण के लिए, पोस्टमैन का उपयोग करके। और फिर उपयोगकर्ता नियंत्रक को ब्लॉक करें।

यह उपयोगकर्ताओं को बनाने के लिए घटकों के लेखन को पूरा करता है। अब हमारे पास एक मॉडल, नियंत्रक, पंजीकरण पृष्ठ पथ, और प्रस्तुति टेम्पलेट है।

अधिवेशन

उपयोगकर्ताओं को अधिकृत करने के लिए, हम पाल में निर्मित सत्र प्रणाली का उपयोग करेंगे - यह सुविधाजनक और काफी सुरक्षित है (यदि कुकी के साथ तुलना की जाए), तो हमारा सत्र नियंत्रक सत्र बनाने और उन्हें नष्ट करने में सक्षम होगा। मानक तरीके से एक नया नियंत्रक बनाएं। यहाँ हमारे नियंत्रक के लिए कोड है।

 var passwordHash = require('password-hash'); module.exports = { // @API    create: function (req, res) { /** *    * ,     *   */ var username = req.param('username'), password = req.param('password'); /** *        *  ,    * (.     *  ,   flash) */ if (!username || !password) { return res.redirect('/session'); }; /** *      * (username - req.param('username')) *     *      *    ,   * ,     - *   ,     *     .  *       *      *    ( ) */ User.findOneByUsername(username).exec(function (err, user) { if (!user || err) return res.send(500); if (passwordHash.verify(password, user.encryptPassword)) { //     //      //    req.session.auth = true; req.session.User = user; if (req.session.User.admin) { return res.redirect('/admin'); }; }; }); }, /** *      *     *  ,    */ destroy: function (req, res) { User.findOne(req.session.User.id).exec(function (err, user) { if (user) { req.session.destroy(); res.redirect('/'); } else { res.redirect('/login'); }; }); }, // @MAIN index: function (req, res) { res.view(); } };

पथ विन्यास

  '/login' : 'SessionController', '/logout' : { controller: 'session', action: 'destroy' },

विचार

और लॉगिन पेज दृश्य

 <div class="container"> <div class="row"> <div class="col-md-4"></div> <div class="col-md-4 text-center"> <h2>Sign-in form</h2><hr> <form action="/session/create" method="POST"> <input type="text" name="username" placeholder="Username" class="form-control" /><br> <input type="password" name="password" placeholder="password" class="form-control" /><br> <input type="submit" class="btn btn-default" value="Log-In" /> <input type="hidden" name="_csrf" value="<%= _csrf %>" /> </form> </div> <div class="col-md-4"></div> </div> </div>

अब हमने सत्रों को पंजीकृत करने और बनाने की क्षमता बनाई है (सिस्टम में लॉग इन करें), अब यह व्यवस्थापक पैनल पेज बनाने के लिए बना हुआ है, और एक्सेस कंट्रोल पॉलिसी को कॉन्फ़िगर करता है। और इसलिए अंतिम चरण।

व्यवस्थापक पैनल और अधिकारों का भेदभाव

हमारे पास सबसे सरल व्यवस्थापक पृष्ठ होगा जिसमें पदों की एक सूची होगी, और एक नया पोस्ट जोड़ने के लिए फॉर्म होगा। साथ ही मौजूदा पोस्ट को संपादित करने के लिए एक पेज। अब एक नया व्यवस्थापक नियंत्रक बनाएँ। यहाँ हमारे नियंत्रक के लिए कोड है।

 module.exports = { index: function (req, res) { Post.find() .sort('id DESC') .exec(function (err, posts) { if (err) return res.send(500); res.view({ posts: posts }); }); }, edit: function (req, res) { var Id = req.param('id'); Post.findOne(Id).exec(function (err, post) { if (!post) return res.send(404); if (err) return res.send(500); res.view({ post: post }); }); } };

और हमारे जमा करने के 2।

विचार / व्यवस्थापक / index.ejs

 <div class="container text-center"> <h2>CREATE NEW</h2><br> <div class="row"> <form action="/post/create" method="POST"> <div class="col-md-6"> <input class="form-control" type="text" name="title" placeholder="Title Post"><hr> <textarea rows="3" class="form-control" name="description" placeholder="Description"></textarea> </div> <div class="col-md-6"> <textarea rows="7" class="form-control" name="content" placeholder="Content"></textarea> </div> <div class="col-md-12"> <input type="hidden" name="_csrf" value="<%= _csrf %>" /> <br><input type="submit" class="btn btn-success" value="CREATE" /> </div> </form> </div><br> <h2>POST LIST</h2> <table class="table text-left"> <tr> <th>ID</th> <th>TITLE</th> <th></th> <th></th> <th></th> </tr> <% _.each(posts, function (post) { %> <tr> <td><%= post.id %></td> <td><%= post.title %></td> <td><a href="/post/watch/<%= post.id %>" class="btn btn-info">Look</a></td> <td><a href="/post/delete/<%= post.id %>" class="btn btn-danger">Delete</a></td> <td><a href="/admin/edit/<%= post.id %>" class="btn btn-warning">Edit</a></td> </tr> <% }) %> </table> </div>

विचार / व्यवस्थापक / edit.ejs

 <div class="container"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8 well text-center"> <form action="/post/update" method="POST"> <h4>Title</h4> <input type="text" class="form-control" name="title" value="<%= post.title %>"><br> <h4>Description</h4> <textarea rows="3" name="description" class="form-control" value="<%= post.description %>"></textarea> <h4>Content</h4> <textarea rows="7" name="content" class="form-control" value="<%= post.content %>"></textarea> <input type="hidden" name="_csrf" value="<%= _csrf %>" /><br> <input type="submit" class="btn btn-success" value="Update"> </form> </div> <div class="col-md-2"></div> </div> </div>

चलिए अब पॉलिसी मेकिंग के लिए नीचे आते हैं।

नीति

Sails में पहुँच अधिकारों को प्रतिबंधित करने की प्रणाली बहुत सुविधाजनक और उपयोग में आसान है, हमारे मामले में, यह सत्यापित करने के लिए पर्याप्त है कि उपयोगकर्ता:

को अधिकृत किया गया है
और प्रशासक था

कोड में इसे व्यक्त करने के लिए, हम अपनी नीति फ़ाइल बनाएंगे - एपीआई / नीतियां / admin.js । और यहाँ हमारे सीमांकक का कोड है।

 module.exports = function (req, res, ok) { if (req.session.auth && req.session.User.admin) { return ok(); } else { return res.redirect('/login'); }; }

इस स्थिति में, कॉलबैक आगे की कार्रवाई को छोड़ने के लिए वापस आ जाता है। यदि परिणाम विपरीत है - निष्क्रिय और लॉगिन पृष्ठ पर पुनर्निर्देशित। एक विशिष्ट नियंत्रक पर हमारी नीति को सक्रिय करने के लिए - config / नीतियों . js फ़ाइल खोलें और इसे निम्न रूप में लाएं।

 module.exports.policies = { // Default policy for all controllers and actions // (`true` allows public access) '*': true, /** *     * Admin  admin.js,  *  . */ AdminController: { '*': 'admin' }, UserController: { create: 'admin' }, PostController: { //      index : true, page : true, watch : true, //      create : 'admin', update : 'admin', delete : 'admin', } };

यह वह जगह है जहां हम पाल पर एक साधारण ब्लॉग लिखना समाप्त करते हैं, निश्चित रूप से इसमें बहुत कम कार्यक्षमता और सुरक्षा है - कोई त्रुटि हैंडलिंग (यहां तक कि फ्लैश संदेश भी नहीं है), कोई पूर्ण-बहु-बहु-उपयोगकर्ता व्यवस्थापक पैनल नहीं है, लेकिन इस लेख को इस ढांचे के लिए एक छोटे से परिचयात्मक पाठ्यक्रम के रूप में डिज़ाइन किया गया है, आप इसे बाद में स्वयं अध्ययन कर सकते हैं। । भविष्य में, कार्यक्षमता बढ़ाने के लिए आपको बड़ी बात नहीं होनी चाहिए।

SailsJS पर एक सरल ब्लॉग लेखन: शुरुआती के लिए अच्छे व्यवहार (भाग 2)

सार