index.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <title>Hello APICloud</title>
  7. <link rel="stylesheet" type="text/css" href="./css/api.css" />
  8. <link rel="stylesheet" type="text/css" href="./css/common.css" />
  9. <style>
  10. .center{
  11. display:-webkit-box;
  12. -webkit-box-orient:vertical;
  13. -webkit-box-pack:center;
  14. -webkit-box-align:center;
  15. position: fixed;
  16. top: 50%;
  17. left: 50%;
  18. transform: translate3d(-50%,-50%,0);
  19. width: 65px;
  20. height: 65px;
  21. }
  22. </style>
  23. </head>
  24. <body style='background:#ffffff;'>
  25. <div id="wrap">
  26. <div id="main" class='center'>
  27. <img id='loading' src='image/loading.gif' width=65 height=65>
  28. </div>
  29. </div>
  30. </body>
  31. <script type="text/javascript" src="./script/api.js"></script>
  32. <script type="text/javascript">
  33. var launchRemoved = false;
  34. var loadingRemoved = false;
  35. console.log('ua -- ',navigator.userAgent);
  36. apiready = function(){
  37. api.setStatusBarStyle({
  38. style: 'light'
  39. });
  40. api.openFrame({
  41. name: 'main',
  42. url: 'https://m.alipearlhair.com',
  43. bounces: false,
  44. rect: {
  45. w: 'auto',
  46. h: 'auto'
  47. },
  48. progress:{
  49. type:'page'
  50. }
  51. });
  52. api.setFrameClient({
  53. frameName:'main'
  54. },function(ret){
  55. onBrowserStateChange(ret);
  56. });
  57. removeLogic();
  58. api.addEventListener({
  59. name: 'keyback'
  60. }, function(ret, err){
  61. api.historyBack({
  62. frameName:'main'
  63. },function(ret,err){
  64. if(!ret.status){
  65. api.closeWidget();
  66. }
  67. });
  68. });
  69. removeLogic();
  70. googlePushInit();
  71. };
  72. function onBrowserStateChange(ret){
  73. if(0 == ret.state){//开始加载
  74. if(!launchRemoved){
  75. launchRemoved = true;
  76. removeLaunch();
  77. }
  78. }
  79. if(2 == ret.state){
  80. if(!loadingRemoved){
  81. loadingRemoved = true;
  82. document.getElementById('loading').style.display = 'none';
  83. }
  84. }
  85. }
  86. function removeLogic(){
  87. setTimeout(function(){
  88. if(!launchRemoved){
  89. launchRemoved = true;
  90. removeLaunch();
  91. }
  92. }, 3000);
  93. }
  94. function removeLaunch(){
  95. api.removeLaunchView({
  96. animation:{
  97. type:"fade",
  98. subType:"from_right",
  99. duration:300
  100. }
  101. });
  102. }
  103. // google推送
  104. function googlePushInit() {
  105. var googlePush = api.require('googlePush');
  106. // 初始化
  107. googlePush.initFcm(function(ret, err) {
  108. console.log('---initFcm satrt---');
  109. console.log(JSON.stringify(ret));
  110. console.log(JSON.stringify(err));
  111. console.log('---initFcm end---');
  112. // 获取token
  113. googlePush.registerToken(function(ret, err){
  114. console.log('---registerToken satrt---');
  115. console.log(JSON.stringify(ret));
  116. // alert(JSON.stringify(ret));
  117. console.log(JSON.stringify(err));
  118. console.log('---registerToken end---');
  119. });
  120. // 收到消息时会触发
  121. googlePush.addOnMessageLisener(function(ret){
  122. console.log('---addOnMessageLisener satrt---');
  123. console.log(JSON.stringify(ret));
  124. console.log('---addOnMessageLisener end---');
  125. });
  126. });
  127. // 监听通知栏消息被点击
  128. api.addEventListener({
  129. name:'appintent'
  130. },function(ret,err){
  131. console.log('---appintent satrt---');
  132. /*
  133. {
  134. "iosUrl":"",
  135. "sourceAppId":"com.westkiss.m",
  136. "appParam":{
  137. "android.intent.extra.REFERRER":"com.westkiss.m",
  138. "google.delivered_priority":"high",
  139. "google.sent_time":1672015802071,
  140. "google.ttl":604800,
  141. "google.original_priority":"high",
  142. "title ":"02 test",
  143. "url":"https://m.westkiss.com/return_policy",
  144. "from":"506304076475",
  145. "google.message_id":"0:1672015802081797%3781dfb93781dfb9",
  146. "content":"this is test 002",
  147. "collapse_key":"com.westkiss.m"
  148. }
  149. }
  150. */
  151. console.log(JSON.stringify(ret));
  152. console.log(JSON.stringify(err));
  153. console.log('---appintent end---');
  154. var appParam = ret.appParam;
  155. if(api.systemType == 'ios'){
  156. var iosUrl = ret.iosUrl;
  157. } else {
  158. var sourceAppId = ret.sourceAppId;
  159. console.log(JSON.stringify(appParam));
  160. if(appParam.url) {
  161. api.openWin({
  162. name: 'WestKiss Sale',
  163. url: appParam.url,
  164. pageParam: {
  165. name: 'test'
  166. }
  167. });
  168. }
  169. }
  170. });
  171. }
  172. </script>
  173. </html>