ionic 总结
希望大家都能有了好东西分享出来,单单就ionic来说,我是刚接触,现在用的人不是很多。
我认为如果大家能 有了好的东西或者好的方案 不藏着掖着,分享出来,那么我们的社区会更加活跃,用的人会越来越多,解决方案会越来越多,走的人多了才形成了路。
ionic 项目,微信分享,搞了快一个星期。坑很多,写出解决方案,希望能帮助你们。
废话不多说直接开始:
首先,如果你还没有在微信开放平台添加app并申请通过,马上去,审核时间好长,我等了快一个星期。
https://open.weixin.qq.com/
ionic 的微信分享插件:https://github.com/xu-li/cordova-plugin-wechat
他还有demo,列出来,不用去翻了 有不明白的可以自己打包看看。
https://github.com/xu-li/cordova-plugin-wechat-example/tree/master/ionic
用法: Check if wechat is installed
这是检查是否安装微信,还有很多,自己去github 上面看
Wechat.isInstalled(function (installed) {
alert("Wechat installed: " + (installed ? "Yes" : "No"));
}, function (reason) {
alert("Failed: " + reason);
});
- 1
- 2
- 3
- 4
- 5
按照他的用法,打包成apk后,发现 Wechat is not defined 这个问题困扰了我快一个星期
在index.html 引入,最好写在app.js 上面
<script src="cordova.js"></script>
- 1
还有,不能用cordova 命令打包,因为出来的apk 还是掉用不了sdk
就是这个 yourapp\platforms\android\build\outputs\apk里面的 android-debug.apk
我是用的eclipse 打的包。
还有,每次改完了www 目录里面的内容后,都需要 运行命令
cordova prepare
- 1
因为 yourapp\platforms\android\assets\www 里面的是缓存你的www目录,改了需要每次更新,这个命令就是更新。
在你用eclipse 打包的时候,需要 project–clean – 把你的项目缓存 清除掉,才能打包。
你以为这就完了么,不会的
我们需要配置签名
微信开放平台 https://open.weixin.qq.com/
改包名
右键Refactor–Rename 填上你的包名,如果不需要改,那就跳过不改。
左边四个 全选—preview —continue —ok
还有下面的gen 目录,也是,在下面的com. XXX 右键。。。。
你也可以删了它,他又会自动生成出来。
到这儿 包名就改完了。我说的不详细,可以参考链接
http://www.etwiki.cn/java/3757.html
还需要注意的一点,在你的项目www 目录下有个config.xml 文件 这个也改成你的包名,否则,当你project-clean 又会变成原来的包名。
获取应用签名
有一个方法是通过命令 keytool http://ionichina.com/topic/55656f0a89dbe3b66a391180
但是我按照他说的怎么也不行。
最后我用了 微信官方的apk 来获取 签名 。
详情页
https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419319167&token=d68d8fa6e4fc56daedc4f69473f8905e715b63d8&lang=zh_CN
apk 下载地址
https://res.wx.qq.com/open/zh_CN/htmledition/res/dev/download/sdk/Gen_Signature_Android221cbf.apk
这里就不截图了,都会操作。手机上输入你的包名,点Get Signature 就能取到你的签名。然后填到 微信开放平台的管理中心–应用签名。
注意 包名肯定要跟他一致。。。
ionic 总结的更多相关文章
- ionic第二坑——ionic 上拉菜单(ActionSheet)安卓样式坑
闲话不说,先上图: 这是IOS上的显示效果,代码如下: HTML部分: <body ng-app="starter" ng-controller="actionsh ...
- ionic第一坑——ion-slide-box坑(ion-slide分两页的坑)
ionic.views.Slider = ionic.views.View.inherit({ initialize: function (options) { . . . function setu ...
- ionic之$ionicGesture手势(大坑)
鄙人来本公司前未用过ionic框架,但由于ionic是基于angularjs封装的,正好我用过angularjs,很荣幸的面试就过了,然后通过该网站http://www.ionic.wang(后面简称 ...
- Ionic2系列——Ionic 2 Guide 官方文档中文版
最近一直没更新博客,业余时间都在翻译Ionic2的文档.之前本来是想写一个入门,后来觉得干脆把官方文档翻译一下算了,因为官方文档就是最好的入门教程.后来越翻译越觉得这个事情确实比较费精力,不知道什么时 ...
- Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App
安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneG ...
- Ionic 简单操作
在使用 Ionic 之前要安装 Nodejs,Cordova . Java 下载Java 网站.Java 默认安装在 C:\Program Files\Java 文件目录. Android 下载And ...
- 【初探IONIC】不会Native可不可以开发APP?
前言 Hybrid技术流行已经有一段日子了,楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开,Hybrid已经是大大提升开发效率的开发方式了,但是仍然需要至少一个IOS与Andriod,那么可 ...
- 一个简单移动页面ionic打包成app
先贴JS代码好了,缓动和调整透明度的功能,最后用ionic打包成应用就可以 window.onload=function(){ search(); move(); calc();}function s ...
- 基于ionic+angulajs的混合开发实现地铁APP
基于ionic+angulajs的混合开发实现地铁APP 注:本博文为博主原创,转载时请注明出处. 项目源码地址:https://github.com/zhangxy1035/SubwayMap 一. ...
- HTML5学习总结-番外03 Angular Ionic
一 Angular Angular使用了MVVC设计模式,MVVC在概念上是真正将页面与数据逻辑分离的模式,它把数据绑定工作放到一个JS里去实现,而这个JS文件的主要功能是完成数据的绑定,即把mode ...
随机推荐
- iPhone6的CSS3媒体查询
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : po ...
- jquery Jsonp 跨域访问
$(function () { $.ajax({ url: 'http://ihisuns.vicp.cc:8765/PcClient.aspx', data: { "ModuleName& ...
- js官网判断是否手机跳转到手机页面
<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="te ...
- poj1006-Biorhythms(中国剩余定理)
一,题意:右上角中文.二,思路: 1,由题意得出方程组 2,利用中国剩余定理求解 3,求出最小正整数三,步骤: 1,由题意得出方程组 (n+d) % 23 = p ; (n+d) % 28 = e ; ...
- ServletContext读取Web应用中的资源文件
package cn.itcast; import java.io.FileInputStream; import java.io.IOException; import java.io.InputS ...
- ceph命令
chen@admin-node:~$ ceph --help General usage: ============== usage: ceph [-h] [-c CEPHCONF] [-i INPU ...
- URAL 2080 莫队
题意 有m种卡 给出卡的使用序列 要求每次从卡堆的顶部抽一张出来 刚好符合序列 输出初始 卡堆的排序 再输出每次抽出卡用后 卡插回卡堆的时候 这张卡上面有几张卡 初始排序很容易就可以搞出来 但是需要注 ...
- Codeigniter 3.0 相关文档 part one
分页配置项 http://stackoverflow.com/questions/18418900/codeigniter-pagination-config-without-repeating-wi ...
- python中raw_input输入数字问题
如果按照下面方式,则无论你输入什么,都会打印12,因为raw_input接受的输入是按照字符串处理的 num = raw_input('please enter a num:') if num > ...
- gets(),fgets()的作用机制探究
gets(),fgets() scanf("%d",&a)若接受形如 2 这样的输入后,缓冲区内会留一个\n,此后若调用gets等函数时会读出这个换行出现错误,需注意 fg ...