如何将pc网站转换成自动跳转wap网站链接及APP调用微信支付的方法分享-一佰互联
  
如何将pc网站转换成自动跳转wap网站链接及APP调用微信支付的方法分享
如何将pc网站转换成自动跳转wap网站链接及调用微信支付的方法分享
PC&网站即电脑版，WAP网站即手机版，微信只是像QQ一样的沟通平台。假如我们现在已经有了电脑网站不能满足互联网用户发展需求而要做一个手机网站怎么办？而且微信也普及了如何通过微信展现更多的营销机会？这也就是微网站制作与微支付功能接口开发。
事实上WAP网站即是手机专用的一种网页格式，有自己的尺寸及设计要求。没有任何一款智能软件可很好的将电脑页面自助转换成手机格式。微信公司平台帐号注册后官方首页很简单，没有导航栏目页面新建等功能。需要通过三方软件与微信接口做二次开发。我们完全可以想像，微站其实就是用做好的手机站页面集成到微信公众平台上供用户浏览使用。（前提是你必须先拥有手机WAP网站+集成公众平台代码编写）。
一款软件即是一佰互联建站宝盒V8全能版及以上版本，建站宝盒：
& PC网站+手机网站+微信网站+APP应用“三站四核 全网营销”
建站宝盒v8-网站定制利器！非传统模板建站系统
& 建站宝盒NiceBox是一佰互联凭借多年企业上网和网站建设的服务经验，基于对数万中小企业用户建站需求的深入分析，倾力打造的一款PC网站+手机网站+微信网站+APP应用“三站四核 全网营销”一体化自助建站营销系统。多种网站支付功能：支付宝，手机支付，微支付，快钱，贝宝等国内外主流支付方式。
&& 八年开发积淀,拖拉式diy建站,真正随心所欲，系统操作简单、功能强大，在线可视化拖拉制作网站,SEO、更新、改版等一个后台即可完成.整合外卖订餐系统、商城、团购系统等解决方案，完美实现营销全渠道覆盖！由上千套精美网站模板，上百种网站功能模块组成，运用功能强大的管理平台，轻点鼠标就能立即制作精美的网站。
我们有网站又有大量的已有信息不想放弃怎么办？
一个完美的方案就是购买手机微站专版，只需要原有空间的基础上制作出一个新手机WAP网站和微网站。&不需换空间，不需换域名，制作好后一键发布到原网页空间。本程序最终可生成PHP，HTML格式文件首页index.html和mobile目录（或自命名文件名避免冲突），如果你原网站首页是这两种格式请发布网站时选择不同于原网站语言格式发布。然后可以在你首页添加检测访问设备的代码自动转换链接到手机版页面，最后用手机访问你网站会发现网站会自动转链接到你的手机WAP网站版。&&
TAG标签： pc wap app 微信,pc网站转wap网站,wap网站,微信支付,pc网站转换成wap,wap网站调用微信支付,微信wap网站,wap网站分享到微信,wap网站 链接微信,pc网站自动跳转wap
上一篇： | 下一篇：
7x24小时服务电话: 传真:023- 免费建站交流群：9947842(自助建站交流) E-Mail: 网站投诉:
重庆楚捷科技有限公司 一佰互联&版权所有 自助建站(www.yinxi.net,Inc.)
All Rights Reserved 本站程序受法律保护,网站法律顾问：ITLAW-庄毅雄律师
中华人民共和国信息产业部网站备案号:渝ICP备号网站生成app app制作工具 网站加壳打包 网站转app - 搞机哥
网站生成app app制作工具 网站加壳打包 网站转app
&>>&&>>&网站生成app app制作工具 网站加壳打包 网站转app
51 次，平均分
声明：我们是用安卓开发工具eclispe（下载页面提供了下载链接，自己有的就不用下载了）打包的，生成的APP可以发布到应用市场。
1.打开eclispe软件，导入我提供的安卓项目包，不知道怎么导入的可以看下我提供的视频教程。
2.然后打开res --&values --&strings.xml
3.然后把app_name换成你APP的名字，把URL换成你网站的链接地址。
4.然后改网站的图标和启动图片，找到项目文件下 WebView --&res --&drawable-hdpi
5.把icon.png应用图标和start.png启动图标换成你自己的就行了。
不知道怎么导出生成apk的一样看下我视频教程。
想看下APP效果的可以下载我的APP。我已经上传到各大应用市场
<span style="color: #应用市场
联想乐商店
百度应用市场
蒲公英平台
下载地址：
除特别注明外，本站所有文章均为原创，转载请注明出处来自
搞机哥-爱搞机的程序猿
微信/支付宝扫一扫 打赏搞机哥
如果您有站务合作方面的需求，请通过以下方式联系我。QQ: Email: (#换成@)
您也可以使用第三方帐号快捷登录
扫一扫二维码分享分秒钟做款App：细数国内外在线DIY应用网站
发表于 17:50|
作者唐小引
摘要：本文详细介绍了国内外14个在线自助制作移动App的网站，让你无需任何编程、设计基础，即可在非常短的时间内就开发出一款iPhone或Android应用，在应用完成之后，还会帮你将应用上架到各个应用商店中。
在各个应用商店中，游戏、娱乐、购物、健康、新闻、旅游等各类型的App数不胜数，几乎覆盖了工作、生活、学习的方方面面。在你使用这些App时，你有没有冲动也想自己DIY一个？不管你有没有，反正我已经是蓄谋已久了。但是自己的编程、设计技术有限，因此，总是会望而却步。于是乎，引姐便挖掘出了以下14个国内外知名度较高的App在线制作网站，据说它们能够让毫无编程、设计基础的开发小白在极短的时间内开发出一款专属于自己的iPhone、Android等应用，究竟是否果真如传言所说？接下来，就让我们一起来一睹为快吧，当然，自己亲身体验一番更是再好不过的了。1. Infinite Monkeys的免费拖放移动App生成器可以让你轻而易举地开发出一款专属于自己的App，这种生成器包含社交摘要、Live Calendar和诸多商业功能。并且，在应用制作完成之后，Infinite Monkeys还会承担将应用发布到应用商店中的工作，Infinite Monkeys支持原生iOS和Android。Infinite Monkeys生成的免费应用带有广告，并且不能将其用于商业用途。对于小型企业内部或者只是想要一个包含组织内容的基础应用的社区团体而言，这是个很不错的选择。如果想要让自己制作的App赚钱，可以花上99美元，这样，应用不仅没有广告，你也可以完全拥有应用版权，没有应用收入分成之说，可以保证100%的利润，并且Infinite Monkeys还可以让你以自己的名字或品牌自行发布应用。当然，如果只是想要屏蔽广告的话，只需每月花上9美元就可以了，只是不能将其销售。2. AppMakr算得上是DIY应用的鼻祖。它曾孕育了包括PBS、MacWorld UK、MacLife和NewsWeek在内的成千上万的App。现在，你也可以使用多媒体新闻推送、社交分享功能、消息推送和监控下载分析来制作功能全面的App。此外，AppMakr还可以让你在自己的设备上对应用进行免费测试，甚至还可以随心所欲地多次重建应用，并且可以免费升级应用，修复bug或对应用进行改善。应用制作免费，79美元/月可以屏蔽应用中的广告并获得“完全控制+货币化”权限。同时还可以获得自定义壁纸、滚动菜单导航等额外的功能选项。3. 如果你是零编程基础，却想要制作一款游戏App，那么GameSalad绝对是再合适不过的地方了，此前曾称GameSalad是“让编程成为历史的开始”。目前，在App Store的美国TOP100游戏榜单中，有60个是GameSalad平台上生成的，甚至还有一个榜首应用（点击查看）。通过GameSalad，任何想要开发游戏App的编程小白都可以梦想成真。目前，GameSalad已经拥有一个完整的游戏社区，如果你遇到什么问题或需要帮助，都可以通过该游戏社区解决。你可以在Windows或Mac上进行开发，然后将其发布到iOS、Android或HTML5平台上。不仅应用制作本身免费，Creator、iOS/Android Viewer、iOS平台发布均免费，但如果想要将应用发布到Android或Windows 8平台上，就需要每年花上299美元，此外还将获取IAP、iAds、Game Center和Twitter TweetSheet等额外功能。（如果你是学生或教育工作者，则可以通过获得优惠价格。）4. 顾名思义，Jimu就是希望将App创建变得像搭积木一样简单。目前，Jimu主要提供Android应用的简易开发，而其服务对象也并不只限于不懂Java等编程语言的小白人群，开发者也可以利用Jimu的工具快速定制合适的App模块。相比那些提供固定模板供用户进行内容填充的App生成工具，Jimu无疑更具个性，可以让用户轻松定制属于自己的App，让用户决定App如何运行、如何进行交互。Jimu提供包括社交网络、地图、图片、按钮等功能模块和源代码，供用户直接挪用，甚至在此基础上进行个性扩展。同时，Jimu也在与时俱进，不断地更新模板库。5. Mobile Roadie是一个拥有诸多App模板及推广和分析功能的应用制作平台。通过Mobile Roadie可以让你在短时间内无需编程就能轻松制作出一款iOS或Android平台上的应用。目前，Mobile Roadie已经吸引了来自全球40多个国家的用户在上面制作5000多款App，用户通过其CMS选择模板、上传图片和文字，在完成一款App制作之后，Mobile Roadie会指导你将应用提交到iOS及Google Play商店。应用上线之后，用户还可以通过CMS对应用做出修改，并且，Mobile Roadie会对用户已发布的应用进行下载量、用户活跃度等数据统计，然后将其以邮件形式发送给用户，当然，用户也可以自己登陆Mobile Roadie进行查看。2011年，Mobile Roadie和飞客合作发布了面向中国市场的本土化产品Q魔宝，但在安米网、追信魔盒、简网APP工场等国内本土DIY平台的冲击下，再加上其本身价位实在高得惊人，效果并不理想。Mobile Roadie目前对于iOS、Android等手机客户端App收费是99美元/月，iPad App则是299美元/月。6. Attendify的前身是，是美国洛杉矶创业公司Kitapps推出的一项傻瓜式应用开发服务。和所有DIY App平台一样，提供内容模板，用户可以根据这些模板快速开发出一款iPhone或Android应用，不需要懂任何开发技术。并且在开发过程中，每一步都有详细的提示，用户可以将应用DIY成具有自己品牌特点的风格。主要面对一些小型企业或团队等。在应用制作完成之后，KitApps会帮助你发布应用，如此一来，无疑减少了许多成本。当然，放眼国内外，同类平台比比皆是，但KitApps提供的从开发到上架的应用开发“一条龙服务”却很值得国内创业者借鉴。因为DIY的含义，绝非仅仅只是提供几个应用制作模板、让用户乐一乐那么简单。
推荐阅读相关主题：
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号：CSDNnews
相关热门文章Android（3）
cordova的详细介绍请参考这个链接：/blog/7034.html
我接下来主要将如何搭建。
1.首先你需要下载几样东西
2.android_SDK.
2.安装这两个，并配置环境变量
这里jdk的环境变量配置我就不细说了。
android_SDK的环境变量配置
C:\Development\android-sdk\platform-tools
C:\Development\android-sdk\tools
将这两个目录添加到系统path中，注意，这里一定是你的android-sdk目录，不要直接用我的奥！
3，下载cordova并安装平台等操作
下载cordova是用node本身自带的npm，所以在这之前你还需要安装node(这里默认你已经安装好了node)
首先你可以在某个盘里面新建一个文件夹，名字随意命名（webApp）。然后在命令行中进入到那个目录下面，在执行下面的操作。
安装Cordova
Cordova的命令行运行在&上面并且可以通过安装。
根据&&安装相应平台的依赖。打开命令提示符或终端，然后键入npm install -g cordova.
例如：$ npm install -g cordova
创建一个项目
使用命令行创建一个空的Cordova项目。导航到你希望创建项目的目录，然后键入&cordova create &path&。
要知道这个命令完整的选项，键入cordova help create。
例如cordova create myApp
添加一个平台
在创建完一个Cordova项目后，导航到项目目录。在项目目录中，你需要添加你想构建app的平台
为了添加平台， 键入&cordova platform add &platform name&。
为了知道你可以添加的平台，你可以运行cordova platform。
例如 1.cd myApp//首选要进入到那个文件中
&&&&&& 2.cordova platform add android//添加平台
在命令中,键入cordova run &platform name&。
注意这里的平台名可以是browser ，android， iOS，等很多。
例如：cordova run android
安装好了，我们来看一下你的文件中的目录
我们来分析一下文档借结构
hook文件夹是我们的钩子文件夹，这俩主要用来放钩子的
platforms文件夹放的都是一些平台信息，你添加一个平台的话，都会在这个文件夹中生成相应的文件。
plugins文件主要存放插件的。
www文件下主要
这里我暂时不说，等我说config.xml文件的时候来说。
config.xml文件
我来细说一下config.xml文件。这个文件是全局配置文件。
这里的name ,description,author显然可以知道他意思的.分别是项目的名字，描述，以及作者。
&content src='index.html'/&这个标签标示的是打开cordova应用程序最先呈现的页面就是index.html页面
&plugin&标签标示的是已经安装的插件。
等详细信息可以参考官网
好，重点来了，我来说说如何将将远端web应用程序引入到cordova中，，具体操有一下几点
&allow-navigation href=&https://cordovahostedweb-starter.azurewebsites.net& /&
将上面这句话添加到config.xml文件中放在name标签上面。
这里href中的地址就是你的远端首页面的地址。
var app = {
&&& // Application Constructor
&&& initialize: function() {
&&& this.bindEvents();
&&& bindEvents: function() {
&&&&&&& document.addEventListener('deviceready', this.onDeviceReady, false);
&&& onDeviceReady: function() {
&&&&&&& app.receivedEvent('deviceready');
&&&&&&& // Here, we redirect to the web site.
&&&&&&& var targetUrl = &https://cordovahostedweb-starter.azurewebsites.net/&;
&&&&&&& var bkpLink = document.getElementById(&bkpLink&);
&&&&&&& bkpLink.setAttribute(&href&, targetUrl);
&&&&&&& bkpLink.text = targetU
&&&&&&& window.location.replace(targetUrl);
&&& // Note: This code is taken from the Cordova CLI template.
&&& receivedEvent: function(id) {
&&&&&&& var parentElement = document.getElementById(id);
&&&&&&& var listeningElement = parentElement.querySelector('.listening');
&&&&&&& var receivedElement = parentElement.querySelector('.received');
&&&&&&& listeningElement.setAttribute('style', 'display:');
&&&&&&& receivedElement.setAttribute('style', 'display:');
&&&&&&& console.log('Received Event: ' &#43; id);
app.initialize();
将你的www文件下的index.js文件复制成这个其中targetURL也是你的远端程序的首页面。
Verifying connectivity..
&a id=&bkpLink& href=&https://cordovahostedweb-starter.azurewebsites.net&&cordovahostedweb.azurewebsites.net&/a&
&div class=&app&&
&&& &h1&Apache Cordova&/h1&
&&& &div id=&deviceready& class=&blink&&
&&&&&&& &p class=&event listening&&Connecting to Device&/p&
&&&&&&& &p class=&event received&&Device is Ready&/p&
&&& &/div&
&script type=&text/javascript& src=&cordova.js&&&/script&
&script type=&text/javascript& src=&scripts/index.js&&&/script&
将www文件夹下的index.html文件内容改为上面的。
&meta http-equiv=&Content-Security-Policy& content=&default-src 'self' data: gap: https://cordovahostedweb-starter.azurewebsites.net
'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *&&
将index.html文件中的meta中变成这样，其实也就是加上gap:....;后面还是你远端首页面的地址。
主要原理是点开cordova程序，他会导航到index.html文件，然后加载index.html文件，所以最先显示的是index.html文件，然后加载index.js文件，然后在js文件中又重定向到你的远端页面，主要实现就是这个
这里附加上参考地址：/en-us/docs/create-a-hosted-app/#
四：如何打包apk
/articles/673mE3m
Android app 的打包分为 debug 和 release 两种，后者是用来发布到应用商店的版本。这篇文章会告诉你 Cordova 如何打包 Android release 版本，也会让你了解 Android app 的打包流程。
创建一个 demo app
为了演示，首先我们需要创建一个 Cordova 项目的基本步骤。如果你已经对此很熟悉，可以跳过这一步。
先全局安装 Cordova CLI ：
npm install -g cordova
在&cordova-demo&目录创建一个项目，ID 为&com.example.cordovaDemo&，项目名为&cordovaDemo&。
cordova create cordova-demo com.example.cordovaDemo cordovaDemo
加上 Android 平台，这会下载一个 Android 项目的框架，并把版本信息保存到&config.xml&。你可以去&platforms/android&目录下查看它。
cordova platform add android
你可以检查下平台需求是否满足。基本上 Cordova 需要你把 Java SDK， Android SDK 和 Gradle 都配置好。
cordova requirements android
现在一个 Cordova 项目就已经准备好了。你可以尝试构建一个版本。一切顺利的话，你会在&platforms/android/build/outputs/apk&目录下看到 APK 文件。这个目录后面会经常用到，为了方便我们建立一个符号链接&android-apk&。
搞定！但这个构建的 APK 是 debug 版本的。要构建 release 版本，我们需要先了解一下 Android 手动打包的流程。
Android APK 手动打包流程
Android app 的打包流程大致分为&build&,&sign&,&align&三部分。
build是构建 APK 的过程，分为 debug 和 release 两种。release 是发布到应用商店的版本。
sign是为 APK 签名。不管是哪一种 APK 都必须经过数字签名后才能安装到设备上，签名需要对应的证书（keystore），大部分情况下 APK 都采用的自签名证书，就是自己生成证书然后给应用签名。
align是压缩和优化的步骤，优化后会减少 app 运行时的内存开销。
debug 版本的的打包过程一般由开发工具（比如 Android Studio）自动完成的。开发工具在构建时会自动生成证书然后签名，不需要我们操心。而 release 版本则需要开发者自己生成证书文件。Cordova 作为 hybrid app 的框架不像纯 Android 开发那么自动化，所以第一次打 release 包我们需要了解一下手动打包的过程。
首先，我们生成一个 release APK 。这点在&cordova build&命令后加一个&--release&参数局可以。如果成功，你可以在&android-apk&目录下看到一个&android-release-unsigned.apk&文件。
cordova build android
我们需要先生成一个数字签名文件（keystore）。这个文件只需要生成一次。以后每次 sign 都用它。
keytool -genkey -v -keystore release-key.keystore -alias cordova-demo -keyalg RSA -keysize 2048 -validity 10000
上面的命令意思是，生成一个 release-key.keystore 的文件，别名（alias）为 cordova-demo 。
过程中会要求设置 keystore 的密码和 key 的密码。我们分别设置为&testing&和&testing2&。这四个属性要记牢，下一步有用。
然后我们就可以用下面的命令对 APK 签名了：
jarsigner -verbose -sigalg SHA1 withRSA -digestalg SHA1 -keystore release-key.keystore android-apk/android-release-unsigned.apk cordova-demo
这里运行有可能会出错原因是android/android-release-unsigned.apk这里写的不对，原因是因为你的apk的位置写的不对，你可以找到apk将他复制到根目录下，然后地址改为./android-release-unsigned.apk或者你直接写你apk的位置。
这个命令中需要传入证书名&release-key.keystore&，要签名的 APK&android-release-unsigned.apk，和别名&cordova-demo&。签名过程中需要先后输入
keystore 和 key 的密码。命令运行完后，这个 APK 就已经改变了。注意这个过程没有生成新文件。
最后我们要用&zipalign&压缩和优化 APK ：
zipalign -v 4 android-apk/android-release-unsigned.apk android-apk/cordova-demo.apk
这一步会生成最终的 APK，我们把它命名为&cordova-demo.apk&。它就是可以直接上传到应用商店的版本。
这一步不操作也可以。
一旦有了 keystore 文件，下次打包就可以很快了。你可以在&cordova build&中指定所有参数来快速打包。这会直接生成一个&android-release.apk&给你。
cordova build android --release -- --keystore=&release-key.keystore& --alias=cordova-demo --storePassword=testing --password=testing2
但每次输入命令行参数是很重复的，Cordova 允许我们建立一个&build.json&配置文件来简化操作。文件内容如下：
&android&: {
&release&: {
&keystore&: &release-key.keystore&,
&alias&: &cordova-demo&,
&storePassword&: &testing&,
&password&: &testing2&
下次就可以直接用&cordova build --release&了。
为了安全性考虑，建议不要把密码放在在配置文件或者命令行中，而是手动输入。你可以把密码相关的配置去掉，下次 build 过程中会弹出一个 Java 小窗口，提示你输入密码。
用 Gradle 配置自动打包
另一种配置方法是使用 Gradle ，一个 Android 的自动化构建工具。&cordova build android&的过程其实就是使用它。你要在&platforms/android&目录下建立&release-signing.properties&文件，内容类&#20284;下面这样：
storeFile=relative/path/to/keystore
storePassword=SECRET1
keyAlias=ALIAS_NAME
keyPassword=SECRET2
这个文件的名称和位置也是可以通过 Gradle 的配置&cdvReleaseSigningPropertiesFile&修改的。我觉得一般情况使用&build.json&就足够了。有兴趣的可以看这个&
4.cordova app 图标更改
如何更改app图标
1.首先下载插件
cordova plugin add cordova-plugin-splashscreen
2.在config.xml文件中添加下面的内容
&platform name=&android&&
&!-- you can use any density that exists in the Android project --&
&splash src=&res/screen/android/splash-land-hdpi.png& density=&land-hdpi&/&
注意这里的density分别指的是不同手机的分辨率，不同分辨率的手机采用的而logo大小是不一样的
&splash src=&res/screen/android/splash-land-ldpi.png& density=&land-ldpi&/&
&splash src=&res/screen/android/splash-land-mdpi.png& density=&land-mdpi&/&
&splash src=&res/screen/android/splash-land-xhdpi.png& density=&land-xhdpi&/&
&splash src=&res/screen/android/splash-port-hdpi.png& density=&port-hdpi&/&
&splash src=&res/screen/android/splash-port-ldpi.png& density=&port-ldpi&/&
&splash src=&res/screen/android/splash-port-mdpi.png& density=&port-mdpi&/&
&splash src=&res/screen/android/splash-port-xhdpi.png& density=&port-xhdpi&/&
&/platform&
&platform name=&ios&&
&!-- images are determined by width and height. The following are supported --&
&splash src=&res/screen/ios/Default~iphone.png& width=&320& height=&480&/&
&splash src=&res/screen/ios/Default@2x~iphone.png& width=&640& height=&960&/&
&splash src=&res/screen/ios/Default-Portrait~ipad.png& width=&768& height=&1024&/&
&splash src=&res/screen/ios/Default-Portrait@2x~ipad.png& width=&1536& height=&2048&/&
&splash src=&res/screen/ios/Default-Landscape~ipad.png& width=&1024& height=&768&/&
&splash src=&res/screen/ios/Default-Landscape@2x~ipad.png& width=&2048& height=&1536&/&
&splash src=&res/screen/ios/Default-568h@2x~iphone.png& width=&640& height=&1136&/&
&splash src=&res/screen/ios/Default-667h.png& width=&750& height=&1334&/&
&splash src=&res/screen/ios/Default-736h.png& width=&1242& height=&2208&/&
&splash src=&res/screen/ios/Default-Landscape-736h.png& width=&2208& height=&1242&/&
&/platform&
&platform name=&windows&&
&!-- images are determined by width and height. The following are supported --&
&splash src=&res/screen/windows/splashscreen.png& width=&620& height=&300&/&
&splash src=&res/screen/windows/splashscreenphone.png& width=&1152& height=&1920&/&
&/platform&
&platform name=&blackberry10&&
&!-- Add a rim:splash element for each resolution and locale you wish --&
&!-- http:///html5/documentation/rim_splash_element.html --&
&rim:splash src=&res/screen/blackberry/splashscreen.png&/&
&/platform&
&preference name=&SplashScreenDelay& value=&10000& /&//这个&#20540;表示这个图标显示10000毫秒后消失。
上面图片的路径，你需要在你的根目录下面重新建一个文件夹res，然后在这个文件夹下面在建一个screen，再在不同的平台下面建立不同平台文件夹，然后在这个文件夹下面添加图片。
下面还有几句话：(书写在config.xml)中的。
设置为true的话，那么图片会适应手机分辨率，不会出现拉伸情况。
6.会遇到的bug
安装后手机app中无法打开应用程序中的外网链接
解决方案：
在config中白名单中添加
&allow-intent href=&http://*/*& /&
具体详情可以参考cordova中的白名单介绍
&&相关文章推荐
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：6891次
排名：千里之外
转载：15篇
(2)(9)(1)(3)(4)(1)(1)