資訊專欄INFORMATION COLUMN
摘要：為了開啟這套賬戶系統(tǒng)和界面，我們需要去添加相關(guān)的包。使用，而不是在文件加入開始這段代碼只會(huì)在客戶端執(zhí)行加入結(jié)束添加用戶關(guān)聯(lián)功能現(xiàn)在你已經(jīng)可以創(chuàng)建賬戶并登錄你的應(yīng)用程序了。例如包含了已登陸用戶的用戶名。
添加多用戶賬戶
Meteor帶來(lái)了一套賬戶系統(tǒng)然后順便還帶了用戶界面來(lái)讓你可以在幾分鐘之內(nèi)在你的應(yīng)用中添加多用戶功能
目前，這套UI組件使用Blaze作為默認(rèn)的UI引擎，在未來(lái)，可能會(huì)以React的專有組件來(lái)將其替換。
為了開啟這套賬戶系統(tǒng)和UI界面，我們需要去添加相關(guān)的包。在你的應(yīng)用目錄中，執(zhí)行下面的命令：
meteor add accounts-ui accounts-password用React來(lái)包裝一個(gè)Blaze組件
為了從accounts-ui這個(gè)包中使用Blaze UI組件，我們需要用React的組件來(lái)把他包裝一下。
來(lái)創(chuàng)建一個(gè)叫AccountsUIWrapper的新組件吧。
// 新文件 AccountsUIWrapper
AccountsUIWrapper = React.createClass({
componentDidMount() {
// Use Meteor Blaze to render login buttons
this.view = Blaze.render(Template.loginButtons,
React.findDOMNode(this.refs.container));
},
componentWillUnmount() {
// Clean up Blaze view
Blaze.remove(this.view);
},
render() {
// Just render a placeholder container that will be filled in
return ;
}
});
我們只需要在App組件中定義一下就可以包含這個(gè)組件了：
Hide Completed Tasks: "" } // 修改結(jié)束
最后，添加語(yǔ)句，使之可以在每個(gè)文本之前顯示用戶名
checked={this.props.task.checked}
onClick={this.toggleChecked} />
// 修改開始
{this.props.task.username}: {this.props.task.text}
// 修改結(jié)束
);
}
在你的瀏覽器中，添加一些任務(wù)，然后你會(huì)看到你的用戶名出現(xiàn)了。那些這一步驟之前的老任務(wù)并不會(huì)有附上名字。盡管刪掉就是了
現(xiàn)在，用戶可以登陸，我們也可以跟蹤每一個(gè)任務(wù)的所屬用戶。讓我們來(lái)更深層次的思考一下我們剛剛發(fā)現(xiàn)的概念。
自動(dòng)的賬戶界面這段翻譯的不好，最好看原版：https://www.meteor.com/tutorials/react/adding-user-accounts
如果我們的應(yīng)用有accounts-ui包，我們必須去做的是通過渲染被包含的UI組件來(lái)添加登陸下拉框。這個(gè)下拉框會(huì)檢測(cè)登陸方法是否被加入到了app中，并適當(dāng)?shù)恼故究刂?界面)。在我們這一部分，開啟了login方法的只有accounts-password，因此，下拉框展示了password字段。如果你比較喜歡更進(jìn)一步，你也可以添加accounts-facebook包，這樣就可以在你的應(yīng)用中開啟Facebook登陸方式 -- Facebook按鈕將會(huì)自動(dòng)的在你的下拉框中出現(xiàn)。
從已登陸用戶中獲取信息在你的getMeteorData方法中，你可以使用Meteor.user()來(lái)確認(rèn)用戶是否已登陸，你也可以通過這個(gè)來(lái)獲取信息。例如：Meteor.user().username包含了已登陸用戶的用戶名。你也可以用Meteor.userId()來(lái)調(diào)整當(dāng)前用戶的_id
在下一個(gè)步驟，我們將學(xué)習(xí)如何在服務(wù)器端通過數(shù)據(jù)驗(yàn)證來(lái)使我們的應(yīng)用更加安全
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/86081.html
摘要：在安卓設(shè)備上運(yùn)行安卓應(yīng)用首先，把上面關(guān)于安卓的部分都走完，以確保你的電腦上安裝了所有的安卓工具。還有一件事你在真實(shí)設(shè)備上運(yùn)行之前，必須得退出安卓模擬器。 在安卓和蘋果上運(yùn)行你的應(yīng)用 目前Windows平臺(tái)的Meteor并不支持移動(dòng)應(yīng)用的構(gòu)建，如果你正在使用Windows平臺(tái)的Meteor，你得跳過這一步了。 現(xiàn)在來(lái)看，我們編寫我們的應(yīng)用，測(cè)試我們的應(yīng)用都是在瀏覽器上，其實(shí)Meteor早...
摘要：通過發(fā)布訂閱模式過濾數(shù)據(jù)現(xiàn)在我們已經(jīng)把應(yīng)用中比較敏感的代碼放到了一些方法里面，我們還需要學(xué)習(xí)安全故事的另一半內(nèi)容了。當(dāng)在客戶端被調(diào)用時(shí)傳入發(fā)布器名稱，客戶端將會(huì)從發(fā)布器訂閱所有的數(shù)據(jù)。這個(gè)按鈕應(yīng)該只是給任務(wù)的所有者來(lái)顯示。 通過發(fā)布訂閱模式過濾數(shù)據(jù) 現(xiàn)在我們已經(jīng)把應(yīng)用中比較敏感的代碼放到了一些方法里面，我們還需要學(xué)習(xí)Meteor安全故事的另一半內(nèi)容了。到現(xiàn)在為止，我們一直是假設(shè)整個(gè)整個(gè)...
摘要：在上，最好的方法就是通過聲明方法。這些方法叫做還有，這將會(huì)替換執(zhí)行的方法。我們做這些是為了開啟一個(gè)我們稱之為樂觀的的特性?？蛻舳讼蚍?wù)器端發(fā)送一個(gè)在安全環(huán)境下的請(qǐng)求。 方法的安全性 在這個(gè)步驟之前，這款應(yīng)用的任何用戶都可以修改數(shù)據(jù)庫(kù)的任何部分，在一個(gè)非常有意思的小項(xiàng)目或者演示項(xiàng)目中可能已經(jīng)不錯(cuò)了，但是任何一個(gè)真實(shí)的應(yīng)用都需要對(duì)這些數(shù)據(jù)進(jìn)行權(quán)限控制。在Meteor上，最好的方法就是通過聲...
摘要：添加，刪除，確認(rèn)完成這些操作，你將會(huì)看到你的應(yīng)用的界面響應(yīng)非常的快。。這是因?yàn)椴⒉粫?huì)在更新用戶界面之前等著服務(wù)端的響應(yīng)數(shù)據(jù)。 部署你的應(yīng)用 現(xiàn)在你有了一個(gè)可以運(yùn)行的待辦事宜的應(yīng)用，你可以分享給你的朋友們！Meteor使得發(fā)布你的應(yīng)用到其他人可以使用的互聯(lián)網(wǎng)變得非常的簡(jiǎn)單。 同樣是在你的應(yīng)用文件夾的命令行中輸入： meteor deploy my_app_name.meteor.com ...
摘要：通過表單添加任務(wù)在這個(gè)步驟，我們將為用戶在列表上添加輸入框。在中，這是一種監(jiān)聽瀏覽器事件的方式，就像是在表單上有提交事件一樣。這對(duì)一個(gè)任務(wù)列表來(lái)說并不是非常好。在下一步，我們將給待辦事宜的列表添加一個(gè)非常重要的功能已完成功能和刪除功能 通過表單(form)添加任務(wù) 在這個(gè)步驟，我們將為用戶在列表上添加輸入框。 首先，在App.jsx文件中App組件上添加表單吧。 Tod...
閱讀 1858·2021-11-11 16:55
閱讀 2656·2021-08-27 13:11
閱讀 3696·2019-08-30 15:53
閱讀 2363·2019-08-30 15:44
閱讀 1480·2019-08-30 11:20
閱讀 1103·2019-08-30 10:55
閱讀 992·2019-08-29 18:40
閱讀 3120·2019-08-29 16:13
