在架设完毕odoo 11的网站之后，第一次面临手机app该如何访问后台网站的问题，是不是模式类似asp.net mvc 那样的模式，或者还存在其他的访问方法，带着这个疑问与困惑，开始的我的研究学习之路。通过研究，初步得出一个结论，那就是实用odoo11作为后台的数据提供者，和以前的具体操作方式多一种不同的方式。
1.第一种方式，是需要在后台写controller的模式，这样自己配制路由，再去访问model类提供的方法，这种方式还没有去试验测试。
2.第二种方法，不需要自己再去写controller类，而是利用odoo框架自带的机制，前端需要做的是提供model类名method方法，以及相关参数，这种接口的方式最大化的利用了框架自身的机制，有点量身定做的感觉，同时还可以做到对外部访问者一定的保密。
下面开始具体的OdooJsonRpc类的整理。
定义类的基本成员，这个大部分参数是根据框架的情况设定的
private jsonRpcID: number = ;
private headers: Headers;
private odoo_server: string;
private http_auth: string;
private list = "/web/database/list";
private get_list = "/web/database/get_list";
private jsonrpc = "/jsonrpc"; constructor(private http: Http, private utils: Utils) {
this.http = http;
}
设置相关成员参数的方法，比如网站地址，授权信息等
public init(configs: any) {
this.odoo_server = configs.odoo_server;
this.http_auth = configs.http_auth || null;
}
public setOdooServer(odoo_server: string) {
this.odoo_server = odoo_server;
}
public setHttpAuth(http_auth: string) {
this.http_auth = http_auth;
}
接下来是设置请求后台参数时的格式，这里最大的好处是结合框架，动态的传递需要的参数，这里是整理成json的格式
/**
* Builds a request for odoo server
* @param url Odoo Server URL
* @param params Object
*/
private buildRequest(url: String, params: any) {
this.jsonRpcID += ;
return JSON.stringify({
jsonrpc: "2.0",
method: "call",
id: this.jsonRpcID,
params: params,
});
}
接下来是相对高一级别的请求方法，这里整合url地址和参数为json样式，所有访问后台的方法都要调用这个方法，很关键的一个基本方法。
/**
* Sends a JSON request to the odoo server
* @param url Url of odoo
* @param params Object
*/
public sendRequest(url: string, params: Object): Promise<any> {
let options = this.buildRequest(url, params);
this.headers = new Headers({
'Content-Type': 'application/json; charset=utf-8',
}); let result = this.http.post(this.odoo_server + url, options, { headers: this.headers })
.toPromise()
return result;
}
下面的一些方法是对上面请求的一个具体的应用，同时也是app在登录后台中必须的一些系统方法。
/**
* Gets the server info
*/
public getServerInfo() {
return this.sendRequest("/web/webclient/version_info", {});
} /**
* Gets the session info
*/
public getSessionInfo() {
return this.sendRequest("/web/session/get_session_info", {});
} /**
* Gets the Odoo Server Version Number
*/
public getServerVersionNumber(): Promise<number> {
return this.getServerInfo().then((res: any): Promise<number> => {
return new Promise<number>((resolve) => {
resolve(JSON.parse(res._body)["result"]["server_version_info"][]);
});
});
} /**
* Get the database list
*/
public getDbList(): Promise<string> {
let dbParams = {
context: {}
}
return this.getServerVersionNumber().then((data: number) => {
if (data <= ) {
return this.sendRequest(this.get_list, dbParams);
} else if (data == ) {
return this.sendRequest(this.jsonrpc, dbParams);
} else {
return this.sendRequest(this.list, dbParams);
}
})
} /**
* Returns all modules that are installed in your database
*/
public modules(): Promise<string> {
let params = {
context: {}
}
return this.sendRequest("/web/session/modules", params)
} /**
* Login to the database
* @param db Database name of odoo
* @param login Username
* @param password password
*/
public login(db: string, login: string, password: string) {
let params = {
db: db,
login: login,
password: password,
base_location: this.odoo_server,
context: {}
};
return this.sendRequest("/web/session/authenticate", params)
} /**
* Check whether the session is live or not
*/
public check(): Promise<string> {
let params = {
context: this.getContext()
}
return this.sendRequest("/web/session/check", params)
} /**
* Destroy the session
*/
public destroy() {
let params = {
context: {}
}
return this.sendRequest("/web/session/destroy", params)
}
以上是手机app访问后台网站，登录过程的体现，按这些基本上是可以测试app能否调用后台odoo的接口了。
这一步我们需要写一个Page类，测试登录的过程。首先是定义一些参数，比如http,https协议的选择，还有我们前面OdooJsonRpc类的依赖注入
private listForProtocol: Array<{ protocol: string}> = []
public perfectUrl: boolean = false
public odooUrl
public selectedProtocol
private dbList: Array<{ dbName: string }> = []
private selectedDatabase
private email
private password
constructor(public navCtrl: NavController,
private alert: AlertController, public navParams: NavParams,
private odooRpc: OdooJsonRpc, private loadingCtrl: LoadingController,
private utils: Utils) {
this.listForProtocol.push({ protocol: "http"})
this.listForProtocol.push({ protocol: "https"})
}
第二步，手机端检查url网站的正确性并从后台获取数据库的列表信息，这里开始正式进入于后台的交互 ，此步骤成功基本上意味着接口接近成功。注意我注释掉了红色的部分。如果访问成果，设置了参数perfectUrl为真，也即登录相关界面可以显示出来。
public checkUrl() {
this.utils.presentLoading("Please Wait")
this.odooRpc.init({
odoo_server: this.selectedProtocol + "://" + this.odooUrl
//http_auth: 'username:password' // optional
})
this.odooRpc.getDbList().then((dbList: any) => {
this.perfectUrl = true
this.utils.dismissLoading()
this.fillData(dbList)
}).catch((err: any) => {
this.utils.presentAlert("Error", "You Entered a wrong Odoo URL", [{
text: "Ok"
}])
this.utils.dismissLoading()
});
}
public fillData(res: any) {
let body = JSON.parse(res._body)
let json = body['result'];
this.dbList.length = ;
for (var key in json) {
this.dbList.push({ dbName: json[key] });
}
}
执行之前的界面如下
输入网站地址之后，正确执行后的界面，显示出了输入账号和密码数据库的选择
经过打包成apk的格式，在手机上测试成功通过，也就意味着ionic访问 odoo11网站接口初步成功。下一步就是研究如何访问网站具体业务的接口问题。在结束之前，放张ionic在浏览器测试不成功的截图，记得一定要打包再测试。
参考项目：https://github.com/mtfaroks/Odoo-JsonRpc-with-ionic3.x